CSS中HTML标签语义化详解_Web规范教程

修改Tag赚U币
教程Tag:暂无Tag,欢迎增加,赚取U币!

首要阐明的一点是,人能够经过视觉的区分判别内容的语义,查找引擎看到的仅仅代码。查找引擎只能经过标签来判别内容的语义。 曾经我真的没有怎样注重过查找引擎,现在开端比较介意了,由于页面的很大一部分流量是来自查找引擎的,要使页面尽可能地对查找引擎友爱,所以就要尽可能地使标签语义化。

曾经以我对web开发的浅显了解,觉得写一个好的契合规范的页面只需求把结构和体现别离,然后不要运用table,font等标签就行了,至于通篇都是div我也不会觉得有什么问题,由于CSS很强壮。可是,一切的标签都是有自己的语义的,下面给出一部分标签的语义:

div 语义:Division(分隔)

span 语义:Span(规模)

ol 语义:Ordered List(排序列表)

ul 语义:Unordered List(不排序列表)

li 语义:List Item(列表项目)

…………

假如无视标签语义和默许款式,一切标签都用div,其实也是能够写出来视觉效果很好的页面,只需你灵活运用CSS。可是那样的话尽管视觉上达到了要求,可是整个页面一点语义都没有,查找引擎仍是看不懂。所以,要记住:

结构(html)才是要点,款式(css)是用来润饰结构的。所以,要先确认html,确认标签,再来选用适宜的css。

一般来说,一切的标签都会有一个默许的款式,所以一个简略的判别网页标签语义是否杰出的办法便是:去掉款式,看网页结构是否安排杰出有序,是否依然有很好的可读性。

别的,值得要点提及的是h标签,h标签的语意是标题,查找引擎对这个标签比较灵敏,特别是h1,和h2。一个语义杰出的页面,h标签应该是完好有序没有断层的。也便是说,要h1,h2,h3,h4这样推下来,不要h1,h3,h4,漏掉h2。一个结构杰出的网页,h标签能够安排起一个网页的纲要。加深对html的了解。HTML 尽管很简略,可是要用好也是很不简单的。

/所属分类:Web规范教程/更新时刻:2012-06-14
相关Web规范教程