एचटीएमएल 5 में शीर्षक संरचना की वास्तुकला पर बहुत बहस है। विभिन्न लेखों को पढ़ने के बाद, मैं तीन संभावित आर्किटेक्चर पर आया हूं जो मेरे लिए तार्किक अर्थ रखते हैं, लेकिन मैं अनिश्चित हूं जो दृष्टिकोण का वास्तविक उचित तरीका है। मैं उन्हें कोड उदाहरणों के साथ नीचे सूचीबद्ध करूंगा और उम्मीद है कि कोई व्यक्ति उचित संतुलन पर कुछ प्रकाश डाल सकता है, या इससे भी बदतर / बेहतर अभी तक कह सकता है कि "आप इसे गलत कर रहे हैं" और एक हाथ उधार देते हैं।
दृष्टिकोण 1: संस्करण ए
एकल <h1>: केवल पृष्ठ विशिष्ट सामग्री के लिए शीर्षकों का उपयोग करना।
यह सामग्री क्षेत्र के भीतर आवश्यकतानुसार <h1>बहते हुए पृष्ठ विशिष्ट शीर्ष के लिए शीर्ष-स्तरीय नेविगेशन के रूप में निकलता है <h2-6>। जबकि छोड़ने <header>, <nav>और <footer>के रूप में "शीर्षकहीन" तत्वों।
<header>
<nav>
<!-- no headings -->
<div role="main">
<h1>
<section>
<h2>
<section>
<h3>
<footer>
<!-- no headings -->दृष्टिकोण 1: संस्करण 2
एकाधिक <h1>: केवल पृष्ठ विशिष्ट सामग्री के लिए केवल शीर्षकों का उपयोग करना।
के रूप में ही 1 ए से अधिक, उतना ही महत्वपूर्ण और पृष्ठ की सामग्री विषयों के अलावा के साथ। (ब्लॉग या विभाजित विषय पृष्ठों के लिए संभव है)
<header>
<nav>
<!-- no headings -->
<div role="main">
<h1>
<article>
<h2>
<article>
<h1>
<footer>
<!-- no headings -->दृष्टिकोण 1 रूपरेखा: एसईओ के लिए सबसे तार्किक (मेरे शोध से मेरी राय)
- अनामांकित शरीर
- शीर्षकहीन एनएवी
- मुख्य शीर्षक
- अनुभाग शीर्षक
- सबस्क्रिप्शन हेडिंग
- शीर्षक रहित अनुभाग
दृष्टिकोण 2:
एकाधिक <h1>की: रूपरेखा संरचना और सामग्री पदानुक्रम पर जोर दें
इस साइट में चौड़ा तत्वों के शीर्षकों पर लागू होता है <header>, <nav>और <footer>कई का उपयोग कर <h1>'गैर-सामग्री उन्मुख तत्वों के लिए है।
<header>
<h1>
<nav>
<h2>
<div role="main">
<h1>
<section>
<h2>
<section>
<h3>
<footer>
<h1>
<section>
<h2>दृष्टिकोण 2 की रूपरेखा: शब्दार्थ रूपरेखा के लिए सबसे तार्किक (फिर से, मेरी राय)
- हेडर शीर्षक
- नेविगेशन शीर्षक
- मुख्य शीर्षक
- अनुभाग शीर्षक
- सबस्क्रिप्शन हेडिंग
- पाद लेख शीर्षक
- अनुभाग शीर्षक
दृष्टिकोण ३
एकल <h1>: सामग्री पदानुक्रम फोकस; <h1-6>साइट-व्यापी तत्वों के लिए निम्न स्तर
इस साइट में चौड़ा तत्वों के शीर्षकों पर लागू होता है <header>, <nav>और <footer>कई का उपयोग किए बिना <h1>'गैर-सामग्री उन्मुख तत्वों के लिए है।
<header>
<h2>
<nav>
<h3>
<div role="main">
<h1>
<section>
<h2>
<section>
<h3>
<footer>
<h2>
<section>
<h3>दृष्टिकोण 3 रूपरेखा: दोनों दृष्टिकोणों की एक संकर किस्म
- हेडर शीर्षक
- नेविगेशन शीर्षक
- मुख्य शीर्षक
- अनुभाग शीर्षक
- सबस्क्रिप्शन हेडिंग
- पाद लेख शीर्षक
- अनुभाग शीर्षक
तो उस सब के साथ, मैंने कहा, मुझे इस सब से कैसे मतलब है? क्या कोई भी दृष्टिकोण दूसरे की तुलना में अधिक अर्थ मूल्य रखता है? क्या कोई एसईओ के संदर्भ में अधिक समझ में आता है? क्या कोई खुश संतुलन है जिसे हासिल किया जा सकता है?
स्रोत: कई और भी थे, ये वे हैं जिन्हें मैं इस समय याद कर सकता हूं