एचटीएमएल 5 शब्दार्थ - एच 1 या एच 2 आर्टिकल शीर्षक के लिए एक अनुभाग में

Question

यह मेरी समझ है (एचटीएमएल 5 में डाइव के इस अध्याय के आधार पर: http://goo.gl/9zliD ) यह पृष्ठ के कई क्षेत्रों में एच 1 टैग का उपयोग करने के लिए सबसे महत्वपूर्ण शीर्षक के रूप में शब्दार्थ का उपयोग करना उचित माना जा सकता है। उस विशेष सामग्री के लिए।

यदि मैं इस पद्धति का उपयोग कर रहा हूं, और मेरे पास एक खंड है जिसे मैंने 'लेख' का एक H1 सौंपा है, तो क्या मुझे उस अनुभाग में ARTICLE के लिए शीर्षकों को परिभाषित करने के लिए H1 या H2 का उपयोग करना चाहिए? यह मेरे लिए थोड़ा भ्रमित करने वाला है क्योंकि लेख शीर्षक उनके ARTICLE के लिए सबसे महत्वपूर्ण शीर्षक हैं, लेकिन अनुभाग के शीर्षक के 'बच्चे' भी हैं।

उदाहरण कोड:

<section class="article-list">
  <header>
    <h1>Articles</h1>
  </header>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="201-02-01">Today</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-31">Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-30">The Day Before Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>
</section>

Comments

मैंने गोता की मिश्रित समीक्षाओं को ... श्रृंखला में सुना है। जो मैं समझता हूं कि यह सबसे अच्छा संदर्भ नहीं हो सकता है।

— the_e

@espais: आपने ये समीक्षाएं कहां सुनीं? क्या आपके पास उनमें से एक नकारात्मक लोगों के लिए लिंक है?

— Lèse majesté

@ Lèse: मैं इसे इस बिंदु पर विधर्म से अधिक कुछ भी नहीं बता सकता। मुझे पूरा यकीन है कि मैंने इसे पिछले दिनों एसई साइटों में से एक पर देखा था ... लेकिन अभी मेरे पास कोई स्रोत नहीं है।

— the_e

@espais विचित्र, क्योंकि सभी संदर्भ मैं इसे वेबमास्टर्स और एसओ में पा सकते हैं, न केवल सकारात्मक हैं, बल्कि आमतौर पर अत्यधिक उत्कीर्ण हैं। stackoverflow.com/search?q=%22dive+into+html5%22 , webmasters.stackexchange.com/search?q=%22dive+into+html5%22

— Yahel

@ Lèse: हाँ, क्योंकि मैं वास्तव में अपनी टिप्पणी का समर्थन नहीं कर सकता, तो मैं इसे सम्मानपूर्वक वापस

— लूंगा

Answer 1

तीर्थयात्री इस का विरोध करने में अकेले नहीं हैं।

वेब डिज़ाइनरों के लिए जेरेमी कीथ के एचटीएमएल 5 के अनुसार , आप <h1>दस्तावेज़ सारांश को बर्बाद किए बिना एक दस्तावेज़ में कई एस का उपयोग कर सकते हैं , जब तक कि वे असतत शब्दार्थ अनुभागीय टैग के भीतर नेस्टेड न हों।

ईबुक से सीधे उद्धरण (जो मैंने iBooks से खरीदा है)

अब तक, नई सेक्शनिंग सामग्री हमें एचटीएमएल के पिछले संस्करणों के साथ क्या कर सकती है, उससे अधिक नहीं दे रही है। यहां किकर है: HTML5 में, सेक्शनिंग सामग्री के प्रत्येक टुकड़े की अपनी स्वयं की रूपरेखा है। इसका मतलब है कि आपको इस बात पर नज़र रखने की ज़रूरत नहीं है कि आपको किस शीर्ष स्तर का उपयोग करना चाहिए - आप हर बार h1 से शुरू कर सकते हैं:

<h1>An Event Apart</h1> 
    <section>
        <header>
            <h1>Cities</h1>
        </header>
         <p>Join us in these cities in 2010.</p> 
        <section>
            <header>
                <h1>Seattle</h1>
            </header>
            <p>Follow the yellow brick road.</p> 
       </section>
        <section>
            <header>
                <h1>Boston</h1>
            </header>
            <p>That’s Beantown to its friends.</p> 
        </section> 
        <section>
             <header>
                   <h1>Minneapolis</h1>
             </header>
             <p>It's so <em>nice</em>.</p> 
         </section>
     </section> 
     <small>Accommodation not provided.</small>

(पुस्तक का नमूना कोड, पृष्ठ 73)

Comments

@ कोई समस्या नहीं। यह कहना नहीं है कि ऐसा करने के साथ समस्याएँ नहीं हो सकती हैं। दो मन में आता है। सबसे पहले, यह सीएसएस के लिए थोड़ा अजीब हो सकता है, लेकिन इसकी प्रबंधन योग्य है। लेकिन इससे भी महत्वपूर्ण बात यह है कि यह एसईओ के लिए खतरनाक हो सकता है, क्योंकि काफी अच्छी तरह से स्थापित पारंपरिक बुद्धि है कि <h1>आपके पेज पर केवल एक होना चाहिए , और यह कि कुछ और आपकी साइट को समझने के लिए क्रॉलर की क्षमता को पतला करता है। लेकिन मैं कोई एसईओ गुरु नहीं हूं, इसलिए मैं उस पर टिप्पणी नहीं कर सकता।

— येलह

Answer 2

मैं मार्क पिलग्रिम की व्याख्या से सहमत होना चाहूंगा । यदि आप किसी articleतत्व के अंदर अपना लेख संलग्न कर रहे हैं , तो आप h1लेख के लिए शीर्षक के साथ फिर से शुरू कर सकते हैं ।

HTML5 कल्पना में, articles को पृष्ठ के एक स्वतंत्र, स्व-निहित भाग के रूप में माना जाता है । आपको शीर्षकों को पुन: स्वरूपित किए बिना articleतत्व को दूसरे पृष्ठ में बदलने में सक्षम होना चाहिए ।

यदि लेख शीर्षकों को दस्तावेज़ शीर्षलेख पदानुक्रम का एक निरंतरता होना था, तो जब आप articleसीधे एक bodyटैग के तहत छोड़ते हैं, तो आपको जाने की आवश्यकता होगी h1, लेकिन यदि आपने इसे नेस्टेड अनुभागों के तहत गिरा दिया है, तो आपको इसे h3/ में बदलना होगा h4/ h5/ आदि।, आप इसे कहाँ पर निर्भर करता है।

वास्तव में, जब भी आप कोई नया बनाते हैं sectionया article, आपको वापस जाना चाहिए h1, क्योंकि निम्नलिखित समान हैं:

<article>
  <h1>Meta Data</h1>
    <h2>Data Warehousing</h2>
    <h2>On the Web</h2>
      <h3>Dublin Core</h3>
      <h3>XFN</h3>
      <h3>Microformats</h3>
      <h3>RDFa</h3>
</article>

तथा:

<article>
  <h1>Meta Data</h1>
  <section>
    <h1>Data Warehousing</h1>
  </section>
  <section>
    <h1>On the Web</h1>
    <section>
      <h1>Dublin Core</h1>
    </section>
    <section>
      <h1>XFN</h1>
    </section>
    <section>
      <h1>Microformats</h1>
    </section>
    <section>
      <h1>RDFa</h1>
    </section>
  </section>
</article>

एक साइड नोट के रूप में, यदि आपका हेडर सिर्फ एक हेडिंग एलिमेंट है (उदाहरण के लिए h1) और कुछ नहीं है, तो आपको इसे headerएलिमेंट में लपेटने की जरूरत नहीं है ।

Comments

धन्यवाद Lèse क्या आप 'शीर्ष लेख' तत्व के उपयुक्त उपयोग के बारे में अपने नोट के लिए एक संदर्भ प्रदान कर सकते हैं? मुझे इस बारे में अधिक पढ़ने में दिलचस्पी है।

— मैट

@ मैट: मैं ज्यादातर इसे HTML5 कल्पना के शब्दांकन पर आधारित कर रहा हूं, जिसे header"परिचयात्मक या नेविगेशनल एड्स का एक समूह" कहा जाता है। यह और तथ्य यह है कि के लिए ऐनक h1- h6उन्हें में नेस्टेड होने की आवश्यकता नहीं है header(और उनमें से कई उदाहरणों को सीधे उस अनुभाग में शामिल किया गया है जिसका वे एक हिस्सा हैं) मुझे सुझाव देता है कि यह अनावश्यक है। इस भावना को HTML5 डॉक्टर ओली स्टडहोल्मे और रेमी शार्प दोनों द्वारा प्रतिध्वनित किया गया है ।

— लेज़ मेज़े

Answer 3

जबकि आपके पृष्ठ के लेख शीर्षक महत्वपूर्ण हैं, आम तौर पर पृष्ठ का शीर्ष स्तर पृष्ठ की सामग्री को परिभाषित करता है। कभी-कभी यह लेख का नाम है, और कभी-कभी, जैसा कि आप दिखाते हैं, लेखों की एक सूची का शीर्षक है।

<h1>My Very Interesting Articles</h1>

यह शीर्षक पूरे पृष्ठ को 'रोचक लेख' के रूप में परिभाषित करता है। फिर प्रत्येक लेख को सूचीबद्ध किया गया है, लेकिन उसका शीर्षक कम है।

Answer 4

किसी पृष्ठ पर शीर्षक टैग के उपयोग के लिए आधिकारिक w3schools का उत्तर इस प्रकार है: H1 शीर्षकों का उपयोग मुख्य शीर्षकों के रूप में किया जाना चाहिए, उसके बाद H2 शीर्षकों, फिर कम महत्वपूर्ण H3 शीर्षकों और इसी तरह।

Comments

W3Schools के बारे में वास्तव में "आधिकारिक" कुछ भी नहीं है। यह एक भ्रामक नाम है, क्योंकि वे W3C द्वारा किसी भी तरह से संबद्ध या समर्थित नहीं हैं।

— लेजे मेजेस्टे

वास्तव में, कैसे W3Schools के बारे में विस्तृत जानकारी के लिए w3fools.com देखें ।

— येलह

मुझे लगा कि इस q & साइट में कुछ अधिक रचनात्मक उपयोगकर्ता होंगे। तुम लोग थोड़े हठवादी लगते हो।

— कीथ ग्रोबेन

इसका किसी से कोई संबंध नहीं है, और इसका मतलब होने की इच्छा के साथ कुछ भी नहीं करना है, और इस तरह की गलत व्याख्या को देखने की इच्छा के साथ सब कुछ करना है। बहुत से लोग सोचते हैं कि w3schools एक आधिकारिक, सटीक स्रोत है, और यह वेब विकास की गुणवत्ता के लिए बहुत हानिकारक है। स्टैटेक्सचेंज साइटों का पूरा बिंदु सटीक, गुणवत्ता वाले उत्तर प्रदान करना है, और गलत, या भ्रामक हैं, और सही उत्तरों को नीचे धकेलना है।

— येलह

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

— मैट