nav标签的作用

<nav>用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。一直以来，我们习惯于使用形如<div id="nav">或<ul id="nav">这样的代码来写页面的导航；在HTML5中，我们可以直接将导航链接列表放到<nav>标签中：

<nav><a>首页</a><a>文章</a><a>关于</a></nav>

跟以前用div写是一样的用法：

<div class="nav"><a>首页</a><a>文章</a><a>关于</a></div>

只不过使用nav更有利于代码的阅读和搜索引擎的识别。当然，还是接着使用div是对的，只不过代码里都是div，得需要更多的信息才能知道这个div是干嘛的。比如上面的代码，添加一个class=nav后才知道这段代码是导航就是写得更NB而已..

时间： 2024-10-05 05:20:53

nav标签的作用的相关文章

meta标签详解(meta标签的作用)///////////////////////////转

meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站很多人却忽视了HTML标签META的强大功效,一个好的MET

java中标签的作用

在java中,标签起作用的唯一的地方刚好是在迭代语句之前. "刚好之前"的意思表明,在标签和迭代之间置入任何语句都不好. 而在迭代之前设置标签的唯一理由是:我们希望在其中嵌套另一个迭代或者一个开关,这是由于break和continue关键词通常只能中断当前循环,但是若随同标签一起使用,他们就会中断循环,直到标签所在的地方 label1: outer-iteraction{ inner-itercation{ break;//1 continue;//2 continue label1

<meta>标签的作用

所有浏览器都支持 <meta> 标签. 在 HTML 中,<meta> 标签没有结束标签:在 XHTML 中,<meta> 标签必须被正确地关闭. meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME). http-equiv: 与content属性共同组成一个http头部字段,作为http头部的成分传递. name: 与content属性共同组成一条有效信息. name属性: 1.<meta name="generator&

html的<meta>标签的作用

关于label标签的作用

label标签的定义和用法: <label> 标签为 input 元素定义标注(标记). label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本,就会触发此控件.就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上. <label> 标签的 for 属性应当与相关元素的 id 属性相同. --W3school的解释经常见到这样的表单元素,比如:点击一张图片可以重新更换图片,或者点击下图所示的复选框

web项目启动过程及web.xml常用标签的作用

<servlet> <servlet-name>CloudEra</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>

经典nofollow标签的作用有重大变化

几个小时前,Google官方博客发了个帖子:Evolving “nofollow” – new ways to identify the nature of links (演变中的nofollow – 判断链接性质的新方法),公布从今天开始,nofollow标签的作用和Google处理nofollow的方法有了重大变化. nofollow标签的历史经典的nofollow标签作用和使用方法以前的帖子写过,详情读者可以参考以前帖子. nofollow标签(准确说是属性,不过约定俗成,还是叫标签吧)

鑫鹏SEO告诉你网站代码优化H1、H2、H3标签的作用

网站优化不仅仅是包括:网站的标题,关键词,描述的优化:首页布局.网站导航,网站底部,头部,幻灯片,第一屏的内容布局优化,其实还包括代码优化,网站速度的优化,文章的优化,栏目.页面的优化,URL优化等等.今天鑫鹏SEO为大家讲解在代码优化里面最重要的优化是网站标签的优化,通常标签包括网站的H1.H2.H3,其实很多新手SEO并不知道这些标签有什么作用,究竟怎么设置. 一.网站代码优化H1.H2.H3标签的需要程序员写好程序的调用说到代码的优化,肯定是少不了程序员的配合,所以在做网站的时候,在做网

CSS中zoom:1的作用，小标签大作用

CSS中zoom:1的作用兼容IE6.IE7.IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题.比如,本站使用DIV做一行两列显示,HTML代码: <div class="h_mainbox"> <h2>推荐文章</h2> <ul class="mainlist"> <li><a href=&quo