五、nav元素

nav元素是一个可以用来作为页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进nav元素，只需要将主要的、基本的链接组放进nav元素即可。例如，在页脚中通常会有一组链接，包括服务条款、首页、版权声明等，这时使用footer元素最为适合，一个页面中可以有多个nav元素，作为页面整体或不同部分的导航。

下面是nav代码事例：

<nav>
    <ul>
        <li><a href="/">首页</a></li>
        <li><a href="/events">公司简介</a></li>
    </ul>
</nav>
<article>
    <header>
        <h1>html5和css3的历史</h1>
        <nav>
            <ul>
                <li><a href="#html">html5的发展历史</a></li>
                <li><a href="#css3">css3的发展历史</a></li>
            </ul>
        </nav>
    </header>
    <section id="html5">
        <h1>html5的历史</h1>
        <p>讲述html5历史的正文</p>
    </section>
    <section id="css3">
        <h1>css3的历史</h1>
        <p>讲述css3历史的正文</p>
    </section>
    <footer>
        <p>
            <a href="?edit">编辑</a>
            <a href="?delete">删除</a>
            <a href="?rename">重命名</a>
        </p>
    </footer>
</article>
<footer>
    <p><small>版权所有：llm</small></p>
</footer>

在这个例子中，第一个nav元素用于页面导航，将页面跳转到其他页面上，第二个nav元素被放置到article中，用来实现在这篇文章中的组成部分的页面导航。

具体来说nav元素可以用在以下场合：

1、传统的导航条

2、侧边栏导航

3、页内导航

4、翻页操作

除此之外，nav元素也可以用在你觉得重要的、基本的导航链接中。注意，在html5不要用menu元素代替nav元素，menu元素是被放在一系列发出命令的菜单上的，是一种交互性的元素，或者更确切的说是使用在web应用程序中的。

转载于:https://www.cnblogs.com/LLMjiayou7/p/8973581.html