HTML5 Semantics - BİR BÖLÜMDEKİ MAKALE başlıkları için H1 veya H2

En önemli başlığı ayarlama yöntemi olarak H1 etiketlerini sayfanın birden çok alanında kullanmanın semantik olarak uygun olarak kabul edilebileceği anlayışım (HTML5'e Dalış'ın bu bölümünden: http://goo.gl/9zliD ) söz konusu içerik için.

Bu metodolojiyi kullanıyorsam ve 'Makaleler'in H1'ini atadığım bir BÖLÜMüm varsa, H1 veya H2'yi bu bölümdeki MAKALELER başlıklarını tanımlamak için mi kullanmalıyım? Makale başlıkları MAKALELER için en önemli başlık olduğu gibi, aynı zamanda BÖLÜM BÖLÜM'ÜN 'çocukları' da olduğu için bu biraz kafa karıştırıcı.

Örnek kod:

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

Hacı buna karşı yalnız değil.

Jeremy Keith'in Web Tasarımcıları için HTML5'ine göre, <h1>farklı anlamsal kesit etiketleri içinde yer aldıkları sürece, belge özetini bozmadan bir belgede birden çok s kullanabilirsiniz .

Doğrudan e-Kitaptan alıntı (iBooks'tan satın aldığım)

Şimdiye kadar, yeni bölümleme içeriği bize HTML'nin önceki sürümleriyle yapabileceğimizden çok daha fazlasını vermiyor. İşte kicker: HTML5'te, her bir bölümleme içeriği parçasının kendi bağımsız anahatları vardır. Bu, hangi başlık seviyesini kullanmanız gerektiğini takip etmek zorunda olmadığınız anlamına gelir; her seferinde h1'den başlayabilirsiniz:

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

(Kitaptan da örnek kod, sayfa 73)

Mark Pilgrim'in yorumuna katılma eğilimindeydim . Makalenizi bir articleöğenin içine ekliyorsanız, makalenin h1başlığıyla yeniden başlayabilirsiniz .

HTML5 spesifikasyonlarında, sayfaların bağımsız, bağımsızarticle bir parçası olarak kabul edilmesi gerekir. Sen nakli gerekir elemanı olarak başlıklarını yeniden biçimlendirme olmadan başka sayfaya.article

Makale başlıkları belge başlığı hiyerarşisinin devamı olsaydı, articledoğrudan bir bodyetiketin h1altına düştüğünüzde gitmeniz gerekir , ancak iç içe bölümlerin altına bıraktıysanız, bunu h3/ h4/ h5/ etc., yerleştirdiğiniz yere bağlı olarak.

Aslında, yeni bir tane oluşturduğunuzda sectionveya aşağıdakiler aynı olduğu için articlegeri dönmelisiniz 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>

ve:

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

Yan not olarak, başlığınız yalnızca bir başlık öğesi (örn. h1) Ve başka bir şeyse, bunu bir headeröğeye sarmanıza gerek yoktur .

Sayfanızın makale başlıkları önemli olmakla birlikte, genellikle sayfanın üst düzey başlığı sayfanın içeriğini tanımlar. Bazen makalenin adı, bazen de gösterdiğiniz gibi bir makale listesinin başlığıdır.

<h1>My Very Interesting Articles</h1>

Bu başlık tüm sayfayı 'ilginç makaleler' olarak tanımlar. Daha sonra her makale listelenir, ancak daha düşük bir başlık düzeyine sahiptir.

Resmi w3schools bir sayfada başlık etiketlerinin kullanımına cevap verir: H1 başlıkları ana başlıklar olarak kullanılmalı, ardından H2 başlıkları, ardından daha az önemli H3 başlıkları vb.