给老子笑

导航

html5学习笔记(<nav>)

HTML <nav> 标签
目前大多数浏览器支持 <nav> 标签。

标签定义及使用说明
<nav> 标签定义导航链接的部分。
并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。
在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。

以上是菜鸟教程说明。

通过和mdn中的nav说明最对比,<nav>一般用在主要的导航链接块元素中,不是所有的链接位置都需要<nav>,比如页脚<footer>中关于作者的信息链接这种。

例子:

<nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

结论:只在主要的导航位置,比如网络游戏网站顶层的 导航条,软件工具的左侧导航条等,重要的主要的区域请使用<nav>.

 

posted on 2017-11-15 20:16  给老子笑  阅读(136)  评论(0编辑  收藏  举报