सेक्शनिंग एलिमेंट्स एक पृष्ठ को अर्थपूर्ण क्षेत्रों में विभाजित करते हैं। उनमें से कई ARIA landmarks से मैप करते हैं — नामांकित क्षेत्र जो सहायक तकनीक उपयोगकर्ताओं को कूदने देते हैं, जैसे पृष्ठ के लिए विषय वस्तु की तालिका।
...
Details
...
...
स्क्रीन रीडर उपयोगकर्ता लैंडमार्क सूचीबद्ध करने के लिए एक कुंजी दबा सकते हैं और <main> पर सीधे कूद सकते हैं, दोहराए गए हेडर और नेविगेशन को छोड़ सकते हैं। यह एक प्रमुख दक्षता लाभ है — सिमेंटिक टैग स्वचालित रूप से इसे प्रदान करते हैं, कोई ARIA की आवश्यकता नहीं है।
<article> — सामग्री जो अपने आप समझदारी बनाती है और सिंडिकेट की जा सकती है: एक ब्लॉग पोस्ट, एक उत्पाद कार्ड, एक टिप्पणी।<section> — एक दस्तावेज़ के भीतर विषयगत समूहीकरण, आमतौर पर अपनी स्वयं की शीर्षक के साथ। स्वतंत्र नहीं है।<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
अंगूठे का नियम: अगर यह अकेले खड़ा हो सकता है, तो यह <article> है; यदि यह केवल एक बड़े संपूर्ण का एक लेबल खंड है, तो यह <section> है। <section> का उपयोग विशुद्ध रूप से स्टाइलिंग रैपर के रूप में न करें — वह <div> के लिए है।
सही सेक्शनिंग एलिमेंट्स का उपयोग करने से आप कीबोर्ड/स्क्रीन-रीडर नेविगेशन के लिए मुफ्त, मजबूत लैंडमार्क और एक स्पष्ट दस्तावेज़ रूपरेखा प्राप्त करते हैं — कोई अतिरिक्त ARIA विशेषताओं के बिना पहुंच और SEO में सुधार करते हुए।
विस्तृत उत्तरों के साथ IT इंटरव्यू प्रश्नों की एक लाइब्रेरी — जूनियर से सीनियर तक।
दान करें