article元素中h元素的语义答案

【问题标题】：Semantics of h element in article elementarticle元素中h元素的语义
【发布时间】：2011-11-19 17:35:04
【问题描述】：

我正在建立一个页面，上面有一些新闻。

我目前拥有的 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>，因为它在文章元素的“范围”内。

那么：我的新闻标题使用什么语义正确的元素？

【问题讨论】：

标签： html semantics

【解决方案1】：

从 HTML5 的角度来看，两者都可以，并且是一样的。

不过，对于不支持 HTML5 的处理器，h2 的排名将被正确理解而 h1 不会，所以目前，虽然 HTML5 还是新的，但我会谨慎行事并使用 h2，除非您需要六级以上的标题。

【讨论】：

【解决方案2】：

我认为任何一个在语义上都是正确的。来自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>。

【讨论】：