HTML5 - 是和

Question

我有一个侧边栏，其中包含最新新闻和随机博客文章等。

<nav id="sidebar">
  <section id="latest_news">
    <h1>
      Latest News 
    </h1>
    <h2>
      <a href="/path/to/article">News Item 1</a>
    </h2> 
    <p>
      Truncated text from the news item in question
    </p>
    <a href="/news" title="View all news items" class="index">View all news items</a>
  </section>

  <section id="random_blog_post">
    <h1>
      Random Blog Post 
    </h1>
    <h2>
      <a href="/path/to/blog/post">Blog Post 1</a>
    </h2>
    <p>
      Truncated text from the random blog post in question
    </p>
    <a href="/blog" title="View all blog posts" class="index">View all blog posts</a>
  </section>
</nav>

如您所见，我的导航中包含部分、h1 和段落。

我只是想知道这是否允许或被认为是良好的做法。是否有更好的更多语义（或更少）的方法来标记和构建此类侧边栏内容？

Answer 1

是的，这似乎是非常有效的 html5。 w3org 有一个示例，其中包含 h1 标签的导航。

Answer 2

是的，您可以这样做，正如规范

与您的问题特别相关的引用：

nav 元素代表一个部分
链接到其他页面的页面或
页面内的部分：一个部分
带有导航链接。

和

导航元素不必包含列表，它也可以包含其他类型的内容。在此导航块中，以散文形式提供链接：

 <nav>
 <h1>Navigation</h1>
 <p>You are on my home page. To the north lies <a href="/blog">my
 blog</a>, from whence the sounds of battle can be heard. To the east
 you can see a large mountain, upon which many <a
 href="/school">school papers</a> are littered. Far up thus mountain
 you can spy a little figure who appears to be me, desperately
 scribbling a <a href="/school/thesis">thesis</a>.</p>
 <p>To the west are several exits. One fun-looking exit is labeled <a
 href="http://games.example.com/">"games"</a>. Another more
 boring-looking exit is labeled <a
 href="http://isp.example.net/">ISP™</a>.</p>
 <p>To the south lies a dark and dank <a href="/about">contacts
 page</a>. Cobwebs cover its disused entrance, and at one point you
 see a rat run quickly out of the page.</p>
</nav>

Answer 3

实际上，您甚至可以将 h1 元素编写为 nav 元素的直接子元素，以便在文档的大纲中命名 nav 元素。

我建议阅读以下内容，了解标题和文档大纲的重要性：
http://dev.w3.org/html5 /spec-author-view/headings-and-sections.html#outline

您可以使用此在线工具检查文档的大纲：
http://gsnedders.html5.org/outliner/

问候。