Семантика элемента h в элементе article - PullRequest
Новая
       3

Семантика элемента h в элементе article

0 голосов
/ 19 ноября 2011

Я создаю страницу с некоторыми новостями.

Текущий HTML-код: 

<h1>News</h1>
<article>
  <h2>Item 1</h2>
  <p>Lorem ipsum</p>
  <footer>
    <ul>
      <li>By: me</li>
      <li>31-12-2011</li>
    </ul>
  </footer>
</article>
<article>
  <h2>Item 2</h2>
  <p>Lorem ipsum</p>
  <footer>
    <ul>
      <li>By: me</li>
      <li>31-12-2011</li>
    </ul>
  </footer>
</article>

Как видите, я использую <h2> для названия статьи.

Однако теперь я думаю, что это также должен быть <h1>, поскольку он находится в области видимости элемента article.

Итак: Какой семантически правильный элемент использовать для заголовка моих новостей?

Ответы [ 2 ]

2 голосов
/ 19 ноября 2011

С точки зрения HTML5, либо в порядке, но и то же самое.

Для процессоров, не поддерживающих HTML5, ранжирование h2 будет правильно понято, а h1 - нет, поэтому приВ настоящее время, хотя HTML5 все еще является новым, я бы с осторожностью допустил ошибку и использовал h2, если вам не требуется более шести уровней заголовка.

2 голосов
/ 19 ноября 2011

Я думаю, что любой из них является семантически правильным. От http://www.w3.org/TR/html5/sections.html#headings-and-sections:

Разделы могут содержать заголовки любого ранга, но авторам настоятельно рекомендуется либо использовать только элементы h1, либо использовать элементы соответствующего ранга для уровня вложенности раздела.

Итак, в любом случае все в порядке, но не смешивайте и не совмещайте, и не (например) не помещайте <h2> в раздел, который находится внутри раздела, который имеет <h2> или <h3>.

Для чего стоит, собственные спецификации спецификации для <article>, в http://www.w3.org/TR/html5/sections.html#the-article-element, оба используют <h1>.

...