Semantyka HTML5 - H1 lub H2 dla tytułów ARTYKUŁÓW w SEKCJI

Rozumiem (na podstawie tego rozdziału Zanurz się w HTML5: http://goo.gl/9zliD ), że można uznać za semantycznie właściwe użycie tagów H1 w wielu obszarach strony, jako metody ustalania najważniejszego tytułu dla tej konkretnej treści.

Jeśli używam tej metodologii i mam SEKCJĘ, do której przypisałem H1 „artykułów”, czy powinienem używać H1 lub H2, aby zdefiniować tytuły artykułów w tej sekcji? Jest to dla mnie trochę mylące, ponieważ tytuły artykułów są najważniejszym nagłówkiem ich ARTYKUŁU, ale są także „dziećmi” tytułu SEKCJI.

Przykładowy 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>

Pielgrzym nie jest sam w walce.

Według HTML5 Jeremy'ego Keitha dla projektantów stron internetowych można używać wielu <h1>s w dokumencie bez rujnowania podsumowania dokumentu, o ile są one zagnieżdżone w dyskretnych semantycznych znacznikach przekrojowych.

Cytowanie bezpośrednio z eBooka (który kupiłem od iBooks)

Jak dotąd nowa zawartość przekroju nie daje nam wiele więcej niż to, co moglibyśmy zrobić z poprzednimi wersjami HTML. Oto kicker: W HTML5 każdy fragment zawartości przekroju ma swój własny, niezależny kontur. Oznacza to, że nie musisz śledzić, jakiego poziomu nagłówka powinieneś używać - możesz po prostu zacząć od h1 za każdym razem:

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

(Przykładowy kod również z książki, strona 73)

Zwykle zgadzam się z interpretacją Marka Pilgrima . Jeśli zamykasz artykuł w articleelemencie, możesz zacząć od nowa z h1nagłówkiem artykułu.

W specyfikacji HTML5 articlepowinny być traktowane jako niezależna, samodzielna część strony. Powinieneś być w stanie przesadzić articleelement tak, jak jest na innej stronie, bez ponownego formatowania nagłówków.

Jeśli nagłówki artykułów musiałyby być kontynuacją hierarchii nagłówków dokumentów, to kiedy upuścisz articlebezpośrednio pod bodytagiem, musisz przejść do h1, ale jeśli upuściłeś go w zagnieżdżonych sekcjach, musisz zmienić go na h3/ h4/ h5/ itp., w zależności od tego, gdzie je umieścisz.

W rzeczywistości za każdym razem, gdy tworzysz nowy sectionlub articlepowinieneś powrócić do niego h1, ponieważ następujące są identyczne:

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

i:

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

Na marginesie, jeśli twój nagłówek jest tylko elementem nagłówka (np. h1) I niczym więcej, nie musisz zawijać go w headerelement.

Chociaż tytuły artykułów na stronie są ważne, zasadniczo nagłówek strony najwyższego poziomu określa treść strony. Czasami jest to nazwa artykułu, a czasem, jak pokazujesz, tytuł listy artykułów.

<h1>My Very Interesting Articles</h1>

Ten nagłówek definiuje całą stronę jako „interesujące artykuły”. Następnie każdy artykuł jest wymieniony na liście, ale ma niższy poziom nagłówka.

Oficjalna odpowiedź w3schools na użycie tagów nagłówka na stronie jest następująca: Nagłówki H1 powinny być używane jako nagłówki główne, następnie nagłówki H2, następnie mniej ważne nagłówki H3 i tak dalej.