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

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

换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用<div>来代替<p>标记标题。

语义化的网页的好处：

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

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

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

<Hx>

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用，并且依据重要性递减。而且应当避免越级。

<ul>、<ol>、<li> ：无序列表；有序列表

<dl>、<dt>、<dd> ：定义列表标签。

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

<em>、 <strong>

<em> 是用作强调的，<strong>是用作重点强调的。大部分浏览器用斜体显示强调的内容，用粗体来显示重点强调的内容，

Input

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

<select><option> </option> <option selected="selected"> </option></select>

带有预选值的下拉列表

<div>

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

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

<del> 标签

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

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

详细见：

HTML 4.01 / XHTML 1.0 参考手册http://www.w3school.com.cn/tags/