हाल के दस्तावेज़ रूपरेखा चैटर का राउंडअप

यह हर रोज नहीं है कि HTML शीर्षक विषय हैं पत्रिकाएं, लेकिन मेरे सहेजे गए लिंक का फ़ोल्डर इसके बारे में लेख जमा कर रहा है हाल ही में विलय 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

इसके बजाय हम जो चाहते हैं वह है a समूह शीर्षकों का। क्यू <hgroup> तत्व:

जब a . के भीतर नेस्ट किया जाता है <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 विशेषताओं के साथ कैसे लागू किया जा सकता है।

जब तक हम चीजों को गोल कर रहे हैं, मैथियास ओट ने कुछ सुझाव प्रकाशित किए हैं शीर्षकों के साथ एक संरचित रूपरेखा तैयार करना. अपने शीर्षक की रूपरेखा की जाँच करने के लिए उपकरणों की एक महान सूची के लिए अंत देखें।