HTML5中的nav标有什么用-成都快上网建站

HTML5中的nav标有什么用

本篇内容介绍了“HTML5中的nav标有什么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联长期为1000多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为永泰企业提供专业的网站设计制作、网站制作,永泰网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

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类似并没有指定必须是主导航,也可以是页面其它部分的子导航。如下:

XML/HTML Code复制内容到剪贴板

  1. gbin1.com文章列表

      

  2.     

        

    •         

    • HTML5文章介绍
    •   

    •         

    • CSS3文章介绍
    •   

    •         

    • jQuery文章介绍
    •   

    •         

          

      •   

在上面这个例子中,我们看到这里只是一个区域的文章导航,同样也可以使用nav定义一个小型的页面内导航。 但并不是页面上的所有链接团体都需要放在nav标签内,它主要是由页面的主要导航块组成。例如,我们通常在网站的页脚里放一组链接,包括服务条款、网站介绍、版权声明等,这时,我们通常使用footer,而不是nav。
一个页面可可以包含多个nav标签,作为页面整体或者不同部分的导航。在下面的例子中,有两个nav标签,一个是网站的主体导航,另外一个是当前页面本身的辅助链接导航。

XML/HTML Code复制内容到剪贴板

  1. 雨打浮萍

      

  2.     

        

    •         

    • 首页
    •   

    •         

    • html+css
    •   

    •         ...more...   

    •     

      

  3.   

  4.   

  5.     

      

  6.         

    html5语义化标签之结构标签

      

  7.         

    发表于2011-12-22

      

  8.       

  9.     

  10.         

        

    •             

    • 子导航
    •   

    •             

    • 子导航
    •   

    •             ...more...   

    •         

      

  11.       

  12.     

      

  13.           

  14.             

    section里面仍然可以再用h2标签

      

  15.             

    ...more...

      

  16.           

  17.           

  18.             

    section里面仍然可以再用h2标签

      

  19.             

    ...more...

      

  20.           

  21.         ...more... 

  

  •     

      

  •         

    关于我们 |   

  •             友情链接 |   

  •             杂七杂八

      

  •       

  •   

  •   

  •     

    © copyright 2011 

      

  •   

  • nav标签本身并不要求包含一个列表,它还可以包含其它内容形式。

    XML/HTML Code复制内容到剪贴板

    1.     

      Navigation

        

    2.     

      You are on my home page. To the north lies   

    3.         my blog, from whence the sounds of battle can be heard. To the east you can see a large mountain,   

    4.         upon which many   

    5.         school papersare littered. Far up thus mountain you can spy a little figure who appears to   

    6.         be me, desperately scribbling a   

    7.         thesis.

        

    8.     

      To the west are several exits. One fun-looking exit is labeled   

    9.         "games". Another more boring-looking exit is labeled   

    10.         ISP™.

        

    11.     

      To the south lies a dark and dank   

    12.         contacts page. Cobwebs cover its disused entrance, and at one point you see a rat run quickly   

    13.         out of the page.

        

    14.   

    “HTML5中的nav标有什么用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


    分享文章:HTML5中的nav标有什么用
    浏览地址:http://kswjz.com/article/ggscig.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流