HTML5 Semantics - H1 atau H2 untuk judul ARTICLE dalam BAGIAN

Ini pemahaman saya (berdasarkan bab Menyelam ke dalam HTML5: http://goo.gl/9zliD ) bahwa secara semantik dapat dianggap tepat untuk menggunakan tag H1 di berbagai area halaman, sebagai metode pengaturan judul yang paling penting untuk konten tertentu.

Jika saya menggunakan metodologi ini, dan saya memiliki BAGIAN yang telah saya berikan H1 'Artikel', haruskah saya menggunakan H1 atau H2 untuk mendefinisikan judul untuk ARTICLE dalam BAGIAN itu? Ini agak membingungkan bagi saya karena judul artikel adalah judul yang paling penting untuk ARTICLE mereka, tetapi juga 'anak-anak' dari judul BAGIAN.

Kode contoh:

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

Peziarah tidak sendirian dalam menentang ini.

Menurut HTML5 Jeremy Keith untuk Desainer Web , Anda dapat menggunakan banyak <h1>s dalam dokumen tanpa merusak ringkasan dokumen, asalkan mereka bersarang di dalam tag sectional semantic diskrit.

Mengutip langsung dari eBook (yang saya beli dari iBooks)

Sejauh ini, konten sectioning baru tidak memberi kita lebih dari apa yang bisa kita lakukan dengan versi HTML sebelumnya. Inilah kickernya: Di HTML5, setiap bagian dari konten bagian memiliki garis besarnya sendiri. Itu berarti Anda tidak perlu melacak level heading apa yang harus Anda gunakan — Anda bisa mulai dari h1 setiap kali:

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

(Contoh kode juga dari buku, halaman 73)

Saya cenderung setuju dengan interpretasi Mark Pilgrim . Jika Anda melampirkan artikel Anda di dalam suatu articleelemen, maka Anda bisa memulai lagi dengan h1tajuk artikel.

Dalam spesifikasi HTML5, articles seharusnya dianggap sebagai bagian halaman mandiri yang mandiri . Anda harus dapat mentransplantasikan articleelemen tersebut ke halaman lain tanpa memformat ulang judulnya.

Jika judul artikel harus merupakan kelanjutan dari hierarki tajuk dokumen, maka ketika Anda menjatuhkannya articlelangsung di bawah bodytag, Anda harus pergi ke h1, tetapi jika Anda menjatuhkannya di bagian bersarang, Anda harus mengubahnya ke h3/ h4/ h5/ etc., tergantung di mana Anda menempatkannya.

Bahkan, setiap kali Anda membuat yang baru sectionatau article, Anda harus kembali ke h1, karena yang berikut ini identik:

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

dan:

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

Sebagai catatan tambahan, jika tajuk Anda hanya elemen tajuk (mis. h1) Dan tidak ada yang lain, maka Anda tidak perlu membungkusnya dalam sebuah headerelemen.

Sementara judul artikel dari halaman Anda penting, umumnya judul tingkat atas halaman menentukan konten halaman. Kadang-kadang itu adalah nama artikel, dan kadang-kadang, seperti yang Anda tunjukkan adalah judul daftar artikel.

<h1>My Very Interesting Articles</h1>

Judul ini mendefinisikan seluruh halaman sebagai 'artikel menarik'. Kemudian setiap artikel terdaftar tetapi memiliki tingkat judul yang lebih rendah.

Jawaban w3schools resmi untuk penggunaan tag heading pada halaman adalah sebagai berikut: Pos H1 harus digunakan sebagai pos utama, diikuti dengan pos H2, kemudian pos H3 yang kurang penting, dan seterusnya.