تقرير موجز عن محادثة مخطط المستند الأخير

ليس كل يوم أن تكون عناوين HTML هي الموضوع دي جور ، لكن مجلد الروابط المحفوظة الخاص بي يتراكم مقالات حول اندمجت مؤخرا إزالة خوارزمية مخطط المستند في WHATWG Living Standard.

أولاً ، يجب أن تعلم أن الخوارزمية لم تكن موجودة بالفعل. بالتأكيد ، كان في المواصفات. وبالتأكيد ، كان هناك تحذير بشأن استخدامه في المواصفات. لكن لم ينفذها أي متصفح على الإطلاق ، مثل ذكرنا بروس لوسون. كنا نعيش في هيكل مستند مسطح طوال الوقت.

هذا هو جدا أخبار قديمة. كان Adrian Roselli يكتب عن أسطورة الخطوط العريضة للوثيقة منذ 2013. لكن هذا المنشور عام 2016 بعنوان "لا توجد خوارزمية مخطط تفصيلي للوثيقة" يوضح ذلك بشكل شامل ويتم تحديثه بانتظام مع شذرات إضافية من السياق حول المحادثات والصراعات التي أوصلتنا إلى هنا. هذا حقًا أفضل جدول زمني لهذه الملحمة. أميليا بيلامي رويدز لديها أيضا حفر في جذور المعضلة في الماضي هنا على CSS-Tricks.

يذهب عقلي على الفور إلى كل العمل الذي تم بذله في إنشاء خوارزمية مخطط تفصيلي للمستند تدعم التقسيم. إن إزالتها من المواصفات هي الدعوة الصحيحة بالتأكيد ، لكنها لا تبطل الجهود الهائلة التي بذلت فيها حتى لو كانت مدفونة الآن في بعض محفوظات الإصدارات. أفكر أيضًا في جميع الأشخاص ذوي النوايا الحسنة الذين كتبوا عن الخوارزمية بشكل خاطئ بمرور الوقت (بما في ذلك في هذا الموقع بالذات!) مع توقع أنها كانت قاب قوسين أو أدنى. هناك ما يقرب من سبع سنوات من الديون العقلية والتقنية التي تراكمت علينا مما يبدو أنه نقص في الإجراءات.

بالنظر إلى ما وراء "الأخبار" التي تفيد بأن الخوارزمية لم تعد رسمية ، يأسف بروس لعدم وجود عامة <h> يمكن تقسيم العنصر أو ما شابه ذلك لإنتاج مستوى العنوان الصحيح. أنا موافق. وجود <h1> عنصر موجود أساسًا باعتباره مكشوفًا <title> مقيد ، خاصة وأن الصفحات نادرًا ما يتم تنظيمها حول مقال واحد بعنوان واحد عالي المستوى. غالبًا ما أجد نفسي متفاجئًا في كل مرة أقوم فيها بعمل نوع من مكونات البطاقة حيث أستخدمها <h3> قد يكون صحيحًا من الناحية الفنية ، لكنه يبدو خارج الترتيب. وذلك قبل أن نتحدث حتى عن اعتبارات التصميم حيث يحتاج مستوى العنوان الأدنى الآن أن يبدو وكأنه مستوى عنوان أعلى متميز.

عند الحديث عن إدارة مستوى العنوان ، فإن ستيف فولكنر (الذي كتب العلاقات العامة التي التقطت الخوارزمية من المواصفات) لديه نظرة عامة عملية فائقة لاستخدام <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

ما نريده بدلاً من ذلك هو ملف رأس التجميع من العناوين. جديلة <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.

طالما أننا نقوم بتقريب الأشياء ، نشر ماتياس أوت بعض النصائح حول إنشاء مخطط تفصيلي منظم مع العناوين. تحقق من النهاية للحصول على قائمة رائعة من الأدوات للتحقق من الخطوط العريضة للعناوين.