好程序员web前端分享HTML5中的nav标签学习笔记-创新互联
好程序员web前端分享HTML5中的nav标签学习笔记,nav标签全称navigation,顾名思义,是导航的意思。根据HTML5的相关标准定义如下: "A section of a page that links to other pages or to parts within the page:
a section with navigation links." 中文翻译大概意思是”页面中的一个用来链接到其它页面或者当前页面的区域:一个含有导航链接的区域”。 这里非常清楚的定义了nav标签的功能,这里和header类似并没有指定必须是主导航,也可以是页面其它部分的子导航。如下:
1.
gbin1.com文章列表
2.
3.
- HTML5文章介绍
- CSS3文章介绍
- jQuery文章介绍
4.
5.
6.
7.
8.
在上面这个例子中,我们看到这里只是一个区域的文章导航,同样也可以使用nav定义一个小型的页面内导航。 但并不是页面上的所有链接团体都需要放在nav标签内,它主要是由页面的主要导航块组成。例如,我们通常在网站的页脚里放一组链接,包括服务条款、网站介绍、版权声明等,这时,我们通常使用footer,而不是nav。
一个页面可可以包含多个nav标签,作为页面整体或者不同部分的导航。在下面的例子中,有两个nav标签,一个是网站的主体导航,另外一个是当前页面本身的辅助链接导航。
1.
雨打浮萍
2.
3.
8.
9.
10.
11.
html5语义化标签之结构标签
12.
发表于2011-12-22
13.
14.
15.
20.
21.
22.
23.
section里面仍然可以再用h2标签
24.
...more...
25.
26.
27.
section里面仍然可以再用h2标签
28.
...more...
29.
30. ...more...
31.
32.
关于我们 |
33. 友情链接 |
34. 杂七杂八
35.
36.
37.
38.
© copyright 2011
nav标签本身并不要求包含一个列表,它还可以包含其它内容形式。
1.
2.
Navigation
3.
You are on my home page. To the north lies
4. my blog, from whence the sounds of battle can be heard. To the east you can see a large mountain,
5. upon which many
6. school papersare littered. Far up thus mountain you can spy a little figure who appears to
7. be me, desperately scribbling a
8. thesis.
9.
To the west are several exits. One fun-looking exit is labeled
10. "games". Another more boring-looking exit is labeled
11. ISP™.
12.
To the south lies a dark and dank
13. contacts page. Cobwebs cover its disused entrance, and at one point you see a rat run quickly
14. out of the page.
15.
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站标题:好程序员web前端分享HTML5中的nav标签学习笔记-创新互联
转载来于:http://pwwzsj.com/article/pisec.html