<nav>元素的含义

<nav>元素并不是视觉上的导航栏，而是具有导航含义的标签。

<nav>元素表示一个包含多个链接的区域，这些链接指向其他页面或本页面中的其他部分。

并不是所有链接都要放在<nav>元素中，举个反例：footer中的链接（关于我们、问题反馈等）不需要放在<nav>元素中，仅用footer就行了，没必要使用<nav>元素。

通常一个页面导航可以这么写：

写法①

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Content</a></li>
    </ul>
</nav>

写法②

<div class="nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Content</a></li>
    </ul>
</div>

写法③

<nav>
　<h1>Navigation</h1>
    <p>Welcome to my website.
    <a href="/blog">my blog</a>
    You can find my books and papers in the 
    <a href="/publications">publication</a> 
    section. If you are interested in my work···
    <a href="/contact">here</a>
    .</p>
</nav>

···

nav元素还可以应用在以下场景：

1.上一页、下一页按钮。

2.分页按钮。

3.面包屑导航。

 

规范地址：https://html.spec.whatwg.org/multipage/sections.html#the-nav-element

原话：The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

原话翻译：nav元素表示链接到其他页面或页面中各个部分的页面部分：具有导航链接的部分。

 

参考知乎：@一丝 @顾轶灵