五、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应用程序中的。

posted @ 2018-04-30 14:07  飞鱼0725  阅读(1030)  评论(0编辑  收藏  举报