ความหมาย HTML5 - H1 หรือ H2 สำหรับชื่อบทความในส่วน

มันเป็นความเข้าใจของฉัน (จากตอนนี้ของ Dive เป็น HTML5: http://goo.gl/9zliD ) ว่ามันมีความเหมาะสมทาง semantically ในการใช้แท็ก H1 ในหลาย ๆ พื้นที่ของหน้าซึ่งเป็นวิธีการตั้งชื่อที่สำคัญที่สุด สำหรับเนื้อหานั้น ๆ

หากฉันใช้วิธีการนี้และฉันมีมาตราที่ฉันได้กำหนด H1 ของ 'บทความ' ฉันควรใช้ H1 หรือ H2 เพื่อกำหนดชื่อบทความในส่วนนั้นหรือไม่ นี่เป็นความสับสนเล็กน้อยสำหรับฉันเนื่องจากชื่อบทความเป็นหัวข้อที่สำคัญที่สุดสำหรับบทความของพวกเขา แต่ยังเป็น 'เด็ก ๆ ' ของชื่อส่วน

รหัสตัวอย่าง:

<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>

ผู้แสวงบุญไม่ได้อยู่คนเดียวในการต่อสู้นี้

ตามHTML5ของ Jeremy Keith สำหรับนักออกแบบเว็บไซต์คุณสามารถใช้หลาย<h1>s ในเอกสารโดยไม่ทำลายเอกสารสรุปตราบใดที่เอกสารเหล่านั้นซ้อนอยู่ภายในแท็ก

การอ้างอิงโดยตรงจาก eBook (ซึ่งฉันซื้อจาก iBooks)

จนถึงตอนนี้เนื้อหาการแบ่งส่วนใหม่ไม่ได้ให้อะไรมากกว่าสิ่งที่เราสามารถทำได้กับ HTML เวอร์ชันก่อนหน้า นี่คือตัวเลือกเตะ: ใน 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)

ฉันมักจะเห็นด้วยกับการตีความของMark Pilgrim หากคุณใส่บทความของคุณไว้ใน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องค์ประกอบ

ในขณะที่ชื่อบทความของหน้าของคุณมีความสำคัญโดยทั่วไปส่วนหัวระดับบนสุดของหน้ากำหนดเนื้อหาของหน้า บางครั้งมันเป็นชื่อของบทความและบางครั้งเมื่อคุณแสดงเป็นชื่อของรายการของบทความ

<h1>My Very Interesting Articles</h1>

ส่วนหัวนี้กำหนดทั้งหน้าเป็น 'บทความที่น่าสนใจ' จากนั้นแต่ละบทความจะแสดงรายการ แต่มีระดับหัวเรื่องที่น้อยกว่า

คำตอบ w3 อย่างเป็นทางการของโรงเรียนสำหรับการใช้แท็กส่วนหัวบนหน้ามีดังนี้: ส่วนหัว H1 ควรใช้เป็นหัวเรื่องหลักรองลงมาคือส่วนหัว H2 จากนั้นส่วนหัว H3 ที่มีความสำคัญน้อยกว่าเป็นต้น