HTML5 Семантика - H1 або H2 для заголовків ARTICLE в РОЗДІЛІ

Як я розумію (виходячи з цієї глави занурення в HTML5: http://goo.gl/9zliD ), можна вважати семантично доцільним використання тегів H1 у кількох областях сторінки як методу встановлення найважливішої назви для цього конкретного змісту.

Якщо я використовую цю методологію, і у мене є РОЗДІЛ, якому я призначив Н1 «Статей», чи слід використовувати Н1 або Н2 для визначення заголовків для СТАТТІВ у цьому РОЗДІЛІ? Це мене трохи бентежить, оскільки заголовки статей є найважливішим заголовком їхньої статті, але також є "дітьми" назви РОЗДІЛУ.

Приклад коду:

<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 Джеремі Кіта для веб-дизайнерів , ви можете використовувати кілька <h1>s в документі, не руйнуючи резюме документа, якщо вони вкладені в дискретні семантичні теги секційних.

Цитування безпосередньо з електронної книги (яку я придбав у 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)

Я схильний би погодитися з тлумаченням Марка Пілігрима . Якщо ви вкладаєте статтю всередину 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>

Ця рубрика визначає всю сторінку як "цікаві статті". Тоді кожна стаття перерахована, але має менший рівень заголовка.

Офіційні відповіді шкіл w3schools на використання тегів заголовків на сторінці виглядають так: заголовки H1 повинні використовуватися як основні заголовки, після них заголовки H2, потім менш важливі заголовки H3 тощо.