语义化是指用合理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/