在HTML5中,nav全称“navigation”,中文意思为“导航”,是一个导航标签,用于表示HTML页面中的导航;nav标签会定义一个含有导航链接的区域,语法“<nav><a href="url">链接</a> …</nav>”。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
在HTML5中,nav全称“navigation”,中文意思为“导航”。
HTML5 <nav>标签用于表示HTML页面中的导航,可以是页与页之间导航,也可以是页内的段与段之间导航。
<nav> 标签定义导航链接的部分。
并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。
根据HTML5的相关标准定义如下:
"A section of a page that links to other pages or to parts within the page:
a section with navigation links."
中文翻译大概意思是
”页面中的一个用来链接到其它页面或者当前页面的区域:一个含有导航链接的区域”
这里非常清楚的定义了nav标签的功能,这里和header类似并没有指定必须是主导航,也可以是页面其它部分的子导航。
如下:
<nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>
在上面这个例子中,我们看到这里只是一个区域的文章导航,同样也可以使用nav定义一个小型的页面内导航。 但并不是页面上的所有链接团体都需要放在nav标签内,它主要是由页面的主要导航块组成。例如,我们通常在网站的页脚里放一组链接,包括服务条款、网站介绍、版权声明等,这时,我们通常使用footer,而不是nav。
一个页面可可以包含多个nav标签,作为页面整体或者不同部分的导航。在下面的例子中,有两个nav标签,一个是网站的主体导航,另外一个是当前页面本身的辅助链接导航。
推荐教程:《html视频教程》