标签的用途是什么<nav>

Question

我已经阅读了一大堆关于应该在哪里以及如何使用导航标签的问题，以及我知道我们的目的是在其中放置"主要"导航元素，但它的目的是什么？

我可以看到w3schools说

"浏览器，例如残疾用户的屏幕阅读器，可以使用这个 元素来确定是否省略此内容的初始呈现 内容。

但是它是否有任何进一步的用途，省略<nav>标签还有其他含义吗？

Answer 1

这是HTML中的语义改进。页面的随机部分，其中包含

<div>
    <div>
        <div>
            <ul>
                <li>...</li>
                <li>...</li>
                <li>...</li>
...

本身意义不大，只有在用户在图形页面上查看时才被理解为"导航"组件。使用屏幕阅读器、文本浏览器或任何类型的辅助技术的人不会轻易理解标签汤背后的含义。

另一方面，通过将标记括在有意义的语义标记中，屏幕阅读器很容易理解文档的特定部分将用作导航，并采取必要的操作。

此外，开发人员也更容易查看标记并立即识别它的用途。

<nav>
    <ul>
        <li>...</li>
...

Answer 2

像<nav>这样的标签的目的是语义标记：即对页面元素的理解能力和合理的描述。<div id='nav'>的替代方案还可以，但要笨重得多。网络爬虫等更乐意找到您的内容，因此我建议尽可能多地使用这样的标签。

Answer 3

工具/用户代理可能会(也可能不会(用它做任何事情;现在或将来。

你做你的工作(标记你的

内容(，工具做他们的工作(解释你的标记(。省略nav元素的唯一"含义"是，这些工具不能使用这些信息进行解释。

nav定义给出了一个非规范性说明：

面向可以从初始呈现中省略的导航信息中受益的用户的用户，或者可以从导航信息立即可用中受益的用户的用户代理(如屏幕阅读器(可以使用此元素来确定页面上的哪些内容最初要跳过或根据请求提供(或两者(。

但不难想象其他目的：

• 文本浏览器可能会以不同的方式显示导航
• 移动浏览器可能提供一种显示/隐藏导航的方法
• 搜索引擎可能会忽略导航内容对页面进行排名
• 打印机可能默认排除导航
• 。

对页面

结构了解得越多，通过各种工具可以对页面完成的工作就越多。这就是所谓的语义标记的重点。