上QQ阅读APP看书,第一时间看更新
2.5 <nav>标签
<nav>标签是HTML 5引入的另一个语义化标签,用于表示HTML页面中的导航,可以是页面与页面之间的导航,也可以是页内段与段之间的导航。<nav>所代表的导航一般是位于页面顶部的横向导航,或者是面包屑导航,如图2-2所示。
图2-2 <nav>导航
由于导航的性质,大部分导航内部都由一个列表组成,也称之为导航列表。<nav>内部可以用<ul>或者<ol>来实现导航元素的布局,如示例代码2-5-1所示。
示例代码2-5-1 <nav>标签
下面总结一下<nav>标签的使用场景和规范:
· <nav>标签中一般会放一些<a>标签链接元素来实现单击导航的效果,但是并不是所有的链接都必须使用<nav>标签,它只用来将一些功能性强的链接放入导航栏。
· 一个网页也可能含有多个<nav>标签,例如一个是网站内页面之间的导航列表,另一个是本页面内段与段之间的导航列表。
· 对于移动Web的页面,<nav>标签也可以放置在页面底部来代表页面内的导航,例如微信App底部的“微信”“通讯录”“发现”和“我的”4个导航链接。