语义化的HTML标签和属性（总结）

======================================================
注：本文源代码点此下载
======================================================

语义化是指用合理html标记以及其特有的属性去格式化文档内容。

换句话说,不要让 css 使一个 html 元素看起来就像另一个 html 元素,比如用

来代替

标记标题。

语义化的网页的好处:

语义化的(x)html文档有助于提升你的网站对访客的易用性,比如使用pda、文字浏览器以及残障人士将从中受益;

对于搜索引擎或者爬虫软件来说,则有助于它们建立索引,并可能给予一个较高的权值,为网站推广剩下不少功夫。事实上seo最有效的一种办法,就是对网页的html结构进行重构,实质上就是语义化。

下面列出一些日常工作比较容易遗忘的tag:

、、、、、,作为标题使用,并且依据重要性递减。而且应当避免越级。

、、

:无序列表;有序列表

、、 :定义列表标签。

列表标签常用于导航条,本来导航条就是个列表,而且当你的浏览器不支持css的时候,导航链接仍然很好使。

、

是用作强调的,是用作重点强调的。大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,

input

表单元素中的单选和复选按钮的区别在于name值相不相同。

带有预选值的下拉列表

日常工作用的最多当属这个元素了。为弄清它的内在意义,归结如下:

div是定义文档中的分区或节(division/section),是一个块级元素。(division的词义是分开;分配;部门;界限;分界线;)因此,他的基础作用应该是起分界作用的,或者可以看做一个容器,可用于装载任何内容。

标签

定义被删除文本。通常与标签配合使用。

标签可定义下划线文本。不赞成使用。

详细见:

html 4.01 /

xhtml 1.0 参考手册http://www.w3school.com.cn/tags/

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/