حالیہ دستاویز کی آؤٹ لائن چیٹر کا راؤنڈ اپ

یہ ہر روز نہیں ہوتا ہے کہ HTML عنوانات موضوع ہوں۔ ڈی جور لیکن میرے محفوظ کردہ لنکس کے فولڈر میں کے بارے میں مضامین جمع ہو رہے ہیں۔ حال ہی میں ضم WHATWG لونگ اسٹینڈرڈ میں دستاویز کے آؤٹ لائن الگورتھم کو ہٹانا۔

سب سے پہلے، آپ کو معلوم ہونا چاہیے کہ الگورتھم واقعی کبھی موجود نہیں تھا۔ یقینا، یہ قیاس میں تھا۔ اور یقینی طور پر، قیاس میں اسے استعمال کرنے کے بارے میں ایک انتباہ تھا۔ لیکن کسی بھی براؤزر نے اسے نافذ نہیں کیا، جیسا کہ بروس لاسن نے ہمیں یاد دلایا. ہم پورے وقت ایک فلیٹ دستاویز کے ڈھانچے میں رہ رہے ہیں۔

یہ بہت پرانی خبر. ایڈرین روزیلی دستاویز کے خاکہ کے بارے میں لکھتے رہے ہیں۔ 2013 کے بعد. لیکن یہ ان کی 2016 کی پوسٹ کا عنوان ہے۔ "کوئی دستاویز آؤٹ لائن الگورتھم نہیں ہے" جو اسے جامع طور پر بیان کرتا ہے اور ہمیں یہاں تک پہنچنے والی گفتگو اور جدوجہد کے بارے میں سیاق و سباق کے اضافی نوگیٹس کے ساتھ باقاعدگی سے اپ ڈیٹ کیا جاتا ہے۔ یہ واقعی کہانی کی بہترین ٹائم لائن ہے۔ امیلیا بیلمی-رائیڈز نے بھی مخمصے کی جڑوں تک پہنچ گیا۔ ماضی میں یہاں CSS-Tricks پر۔

میرا ذہن فوری طور پر ان تمام کاموں کی طرف جاتا ہے جو ایک دستاویز کا خاکہ الگورتھم بنانے میں چلا گیا ہے جو سیکشننگ کو سپورٹ کرتا ہے۔ اسے قیاس سے ہٹانا یقینی طور پر صحیح کال ہے، لیکن یہ اس میں کی گئی ہرکولین کوششوں سے دور نہیں ہوتا ہے یہاں تک کہ اگر یہ اب کسی ورژن کی تاریخ میں دفن ہے۔ میں ان تمام نیک نیت لوگوں کے بارے میں بھی سوچتا ہوں جنہوں نے الگورتھم کے بارے میں وقت کے ساتھ غلطی سے لکھا ہے (بشمول اس سائٹ پر!) اس امید کے ساتھ کہ یہ بالکل قریب تھا۔ تقریباً سات سال کا ذہنی اور تکنیکی قرض ہے جو ہم نے اس سے حاصل کیا ہے جس میں عمل کی کمی نظر آتی ہے۔

اس "خبر" کو دیکھتے ہوئے کہ الگورتھم سرکاری طور پر نہیں رہا، بروس نے افسوس کا اظہار کیا کہ کوئی عام نہیں ہے <h> عنصر یا اس جیسے کو صحیح سرخی کی سطح پیدا کرنے کے لیے سیکشن کیا جا سکتا ہے۔ میں راضی ہوں. ایک ہونا <h1> عنصر بنیادی طور پر ایک بے نقاب کے طور پر موجود ہے۔ <title> محدود ہے، خاص طور پر چونکہ صفحات کی ساخت بہت کم ہی کسی ایک مضمون کے ارد گرد ایک ہی اعلی درجے کی سرخی کے ساتھ ہوتی ہے۔ جب بھی میں کسی قسم کا کارڈ کا حصہ بنا رہا ہوں جہاں استعمال کر رہا ہوں میں اکثر اپنے آپ کو جھنجوڑتا ہوا پاتا ہوں۔ <h3> تکنیکی طور پر درست ہو سکتا ہے، لیکن احساس سے باہر ہے۔ اور یہ اس سے پہلے کہ ہم اسٹائلنگ کے بارے میں بات کریں جہاں ایک نچلی سرخی کی سطح کو اب ایک الگ اعلی سرخی کی سطح کی طرح نظر آنے کی ضرورت ہے۔

ہیڈنگ لیول مینجمنٹ کی بات کرتے ہوئے، اسٹیو فالکنر (جس نے PR لکھا جس نے الگورتھم کو قیاس سے نکالا) استعمال کرنے کا سپر عملی جائزہ <hgroup> عنصر ہیڈنگ پیٹرن کو ہینڈل کرنے کے لیے جس میں ذیلی عنوانات، سب ٹائٹلز، متبادل عنوانات، snd ٹیگ لائنز شامل ہوں۔ مجھے یقین ہے کہ آپ نے جنگل میں اس طرح کا مارک اپ دیکھا ہوگا:

<h1>Disappointingly Average</h1>
<h2>The Autobiography of Geoff Graham</h2>
<h3>by Geoff Graham</h3>

یہ کسی فلیٹ دستاویز کی خاکہ کے ساتھ جیو نہیں کرتا ہے جو سرخی کی سطحوں سے چلتا ہے۔ ان عنوانات میں سے ہر ایک ایک ایسے حصے کی نمائندگی کرتا ہے جو معلومات کا درجہ بندی بناتا ہے:

Disappointingly Average
└── The Autobiography of Geoff Graham
    └── by Geoff Graham

اس کے بجائے ہم کیا چاہتے ہیں a گروپ عنوانات کی اشارہ کریں۔ <hgroup> عنصر:

جب ایک کے اندر اندر گھونسلا <hgroup> عنصر، <p> عنصر کا مواد ذیلی سرخی، متبادل عنوان، یا ٹیگ لائن کی نمائندگی کرتا ہے جو دستاویز کی خاکہ میں شامل نہیں ہیں۔

لہذا، ہمیں یہ ڈھانچہ ملتا ہے:

<hgroup>
  <h1>Disappointingly Average</h1>
  <p>The Autobiography of Geoff Graham</p>
  <p>by Geoff Graham</p>
</hgroup>

<hgroup> is role=generic اس وقت، لیکن سٹیو ایک تجویز کی طرف اشارہ کرتا ہے۔ جو اس کا نقشہ بنا سکتا ہے۔ role=group. اگر ایسا ہوتا ہے تو، ایکسیسبیلٹی ٹری معاون ٹیک کو ان پیراگراف کو سب ٹائٹل اور ٹیگ لائن کے ٹکڑوں کے طور پر مزید معنوی معنی تفویض کرنے کی اجازت دے گا۔ آسان لگتا ہے لیکن اسٹیو ان چیلنجوں کو نوٹ کرتا ہے جو راستے میں ہیں۔ وہ یہ بھی ظاہر کرتا ہے کہ اس طرح کے پیٹرن کو آج کس طرح ARIA اوصاف کے ساتھ لاگو کیا جا سکتا ہے۔

جب تک ہم چیزوں کو جمع کر رہے ہیں، میتھیاس اوٹ نے کچھ تجاویز شائع کیں۔ عنوانات کے ساتھ ایک منظم خاکہ بنانا. اپنی سرخی کے خاکہ کو چیک کرنے کے لیے ٹولز کی ایک عظیم فہرست کے لیے اختتام کو دیکھیں۔