好程序员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.
4.
5.
6.
7.
8.
在上面这个例子中,我们看到这里只是一个区域的文章导航,同样也可以使用nav定义一个小型的页面内导航。 但并不是页面上的所有链接团体都需要放在nav标签内,它主要是由页面的主要导航块组成。例如,我们通常在网站的页脚里放一组链接,包括服务条款、网站介绍、版权声明等,这时,我们通常使用footer,而不是nav。
一个页面可可以包含多个nav标签,作为页面整体或者不同部分的导航。在下面的例子中,有两个nav标签,一个是网站的主体导航,另外一个是当前页面本身的辅助链接导航。
1.雨打浮萍
2.
3.
4.
5.
6. ...more...
7.
8.
9.
10.
11. html5语义化标签之结构标签
12. 发表于2011-12-22
13.
14.
15.
16.
17.
18. ...more...
19.
20.
21. 22. 23. 24. ...more... 25. 26. 27. 28. ...more... 29. 30. ...more... section里面仍然可以再用h1标签
section里面仍然可以再用h1标签
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.