خلاصه ای از گفتگوی طرح کلی سند اخیر

روزمره نیست که سرفصل های HTML موضوع هستند de jour، اما پوشه پیوندهای ذخیره شده من در حال جمع آوری مقالات در مورد آن است اخیرا ادغام شده است حذف الگوریتم طرح کلی سند در استاندارد زندگی WHATWG.

اول از همه، باید بدانید که این الگوریتم هرگز واقعاً وجود نداشته است. البته در مشخصات بود و مطمئناً یک هشدار در مورد استفاده از آن در مشخصات وجود دارد. اما هیچ مرورگری هرگز آن را پیاده سازی نکرده است بروس لاوسون به ما یادآوری کرد. ما در تمام مدت در یک ساختار سند مسطح زندگی می کنیم.

این هست بسیار اخبار قدیمی آدریان روزلی درباره اسطوره طرح سند نوشته است از سال 2013. اما این پست سال 2016 او با عنوان است "هیچ الگوریتم طرح سندی وجود ندارد" که به طور جامع آن را بیان می کند و به طور منظم با تکه های متن اضافی در مورد گفتگوها و مبارزاتی که ما را به اینجا رسانده به روز شده است. این واقعا بهترین جدول زمانی حماسه است. آملیا بلامی رویدز نیز دارد به ریشه های معضل پرداخت در گذشته اینجا در CSS-Tricks.

ذهن من فوراً به تمام کارهایی می رود که در ساخت الگوریتم طرح کلی سند که از برش بندی پشتیبانی می کند انجام شده است. حذف آن از مشخصات مطمئناً درخواست درستی است، اما از تلاش‌های سختی که برای آن انجام شده است، کم نمی‌کند، حتی اگر اکنون در تاریخچه نسخه‌ای مدفون شده باشد. من همچنین به همه افراد خوش نیتی فکر می کنم که در طول زمان به اشتباه در مورد الگوریتم نوشته اند (از جمله در همین سایت!) با این انتظار که این الگوریتم دقیقاً در گوشه و کنار بوده است. نزدیک به هفت سال بدهی ذهنی و فنی وجود دارد که ما از آنچه که به نظر می‌رسد فقدان اقدام است، جمع کرده‌ایم.

بروس با نگاهی به «اخبار» مبنی بر اینکه این الگوریتم رسما دیگر وجود ندارد، ابراز تاسف می کند که هیچ الگوریتمی وجود ندارد. <h> عنصر یا مواردی از این قبیل که می توان برای تولید سطح عنوان صحیح برش داد. موافقم. داشتن یک <h1> عنصر اساساً به عنوان یک در معرض وجود دارد <title> محدود کننده است، به ویژه از آنجایی که صفحات به ندرت حول یک مقاله با یک عنوان سطح بالا ساختار یافته اند. من اغلب هر بار که در حال ساخت نوعی جزء کارت در هنگام استفاده هستم متوجه می شوم که گیج می کنم <h3> ممکن است از نظر فنی درست باشد، اما به نظر می رسد از نظم خارج شده است. و این قبل از اینکه حتی در مورد ملاحظات سبک صحبت کنیم، جایی که یک سطح عنوان پایین‌تر اکنون باید مانند یک سطح بالاتر مشخص به نظر برسد.

صحبت از مدیریت سطح عنوان، استیو فاکنر (که نویسنده روابط عمومی است که الگوریتم را از مشخصات جدا کرده است) مروری فوق العاده عملی در مورد استفاده از <hgroup> عنصر برای رسیدگی به الگوهای عنوان که شامل زیرعنوان ها، زیرنویس ها، عنوان های جایگزین، و برچسب ها می شود. من مطمئن هستم که نشانه گذاری مانند این را در طبیعت دیده اید:

<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

چیزی که ما در عوض می خواهیم یک است گروه از سرفصل ها نشانه <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 پیاده سازی کرد.

تا زمانی که همه چیز را جمع می کنیم، ماتیاس اوت نکاتی را در این مورد منتشر کرد ایجاد یک طرح کلی ساختار یافته با سرفصل ها. در پایان فهرستی عالی از ابزارها را برای بررسی خطوط سرفصل خود بررسی کنید.