Question

我正在构建一个包含一些新闻的页面。

我当前的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元素的“范围”中。

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

Answer 1

我认为其中任何一个在语义上都是正确的。来自http://www.w3.org/TR/html5/sections.html#headings-and-sections：

章节可能包含任何等级的标题，但强烈建议作者只使用h1元素，或者使用适当等级的元素作为该部分的嵌套级别。

因此，无论哪种方式都可以，但不要混用和匹配，并且（例如）不要将<h2>放在具有<h2>或{的部分内的部分中{1}}。

对于它的价值，<h3>的规范自己的示例http://www.w3.org/TR/html5/sections.html#the-article-element都使用<article>。

Answer 2

从HTML5的角度来看，两者都很好，并且相同。

对于不支持HTML5的处理器，h2的排名将被正确理解，h1将不会被理解，所以目前，虽然HTML5仍然是新的，但我会谨慎使用h2，除非你需要超过六个级别的标题。

article元素中h元素的语义

2 个答案: