html - 没有标题的导航元素——文档大纲

Question

这个问题与文档大纲结构有关，因为它与 <nav> 中的标题有关元素。这不是关于验证的问题。

当我验证我的网络应用程序的其中一个页面时，检查显示“文档大纲”的字段，大纲包括以下内容:

[nav element with no heading]

我不想在我的导航元素中添加标题，因为在我的导航上下文中，对于应用程序的消费者来说，它似乎是无关紧要的(它是用于页面子部分分页的导航元素);但我确实想要一个结构良好的文档大纲。

所以我的问题是多部分的:

• 为什么大纲包括这个？
• 向导航元素添加标题的正确方法是什么？
• 是否有必要向导航元素添加标题？因为这在大多数网站上似乎并不常见。

Answer 1

这是因为 nav 元素是在 Sections section of the HTML5 specification 中定义的和部分应该有标题。

关于文档大纲:

The outline for a sectioning content element or a sectioning root element consists of a list of one or more potentially nested sections. A section is a container that corresponds to some nodes in the original DOM tree. Each section can have one heading associated with it, and can contain any number of further nested sections.

— 4.3.10.1 Creating an outline - HTML5 Specification

请注意 can 这个词 - 它们不是必需的。如果需要它们，验证器将抛出警告和错误，而不是提醒您缺少标题的友好注释。

---

所以回答你的问题:

Why is the outline including this?

这只是一个友好的提醒，标题不存在。例如，以防万一您希望出现标题但忘记添加一个。

What is the proper way to add a heading to a nav element?

这完全取决于您想要实现的目标。 HTML5 规范本身给出了以下示例:

<nav>
  <h1>Navigation</h1>
  <ul>...</ul>
</nav>

Is it necessary to add a heading to a nav element? because it doesn't seem like a common practice on most websites.

完全没有。这完全是可选的。有些人可能会争辩说，为 SEO 目的添加标题到所有部分是有好处的，但这完全取决于您。如果您确实想要添加标题但又不想显示它们，您始终可以使用 CSS 隐藏标题。