html – 没有标题的nav元素 – 文档大纲

前端之家收集整理的这篇文章主要介绍了html – 没有标题的nav元素 – 文档大纲前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
此问题与文档大纲结构有关,因为它与< nav>中的标题相关.元件.这不是关于验证的问题.

当我验证我的网络应用程序的其中一个页面,并检查“文档大纲”字段时,大纲包括

[nav element with no heading]

我不想在我的导航元素中添加一个标题,因为对于应用程序的消费者来说,在我的导航环境中它是无关紧要的(它是一个用于分页页面页面的导航元素);但我确实希望有一个结构良好的文件大纲.

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

>为什么大纲包括这个?
>向nav元素添加标题的正确方法是什么?
>是否有必要向nav元素添加标题?因为它似乎不是大多数网站的常见做法.

解决方法

这是因为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.

— 07001

注意单词可以 – 它们不是必需的.如果需要它们,验证器将抛出警告和错误,而不是有些友好的注释,以提醒您标题丢失.

那么回答你的问题:

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.

一点也不.它完全是可选的.有些人可能会争辩说,为所有部分添加标题搜索引擎优化有用,但这完全取决于你.如果您想要添加它们但不想显示它们,则始终可以使用CSS隐藏标题.

猜你在找的HTML相关文章