学做网站培训课程介绍

当前位置:

HTML5之nav元素

HTML5中的新元素标签<nav>用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。

一直以来,我们习惯于使用形如<div id="nav">或<ul id="nav">这样的代码来写页面的导航;在HTML5中,我们可以直接将导航链接列表放到<nav>标签中:


<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>

根据W3C的定义规范:

nav元素是一个可以用来作为页面导航的链接组;其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进<nav>元素;

例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等;这时使用<footer>元素是特别恰当的,而不需要<nav>元素。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • canvas是html5中比较重要的一个标签,canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • HTML5之nav元素 (113235 次浏览)
    HTML5中的新元素标签<nav>用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。
  • WordPress调用后台导航菜单,我们通常会使用wp_nav_menu函数来调用。但是wp_nav_menu函数生成的导航菜单的代码是固定的,如果我们自己生成自己需要的c
  • 在我们学习建网站过程中,使用火狐浏览器来辅助我们编辑网页,查看网页图片,修改网站代码.特别的方便.可以大大增加我们的工作效率.所在在学做网站论坛里
  • 这个网站挺好看的。我是现按照老师教的仿站课程作的。只要按照课程的方法去做,很容易把网站仿下来。在制作模板时,问题有3个:第1;导航出