HTML标签的语义化

标签的语义化就是指标签的含义。标签为什么要使用语义化的定义呢？是为了使我们的网站更好的被搜索引擎收录。

下面是一个例子

<table>
	<tr>
		<td>单价</td>
		<td>数量</td>
	</tr>
	<tr>
		<td>5.0</td>
		<td>1</td>
	</tr>
</table>

上面的代码没有使用语义化，下面是使用语义化的代码

<table>
	<caption>价格</caption>
	<thead>
		<tr>
			<td>单价</td>
			<td>数量</td>
		</tr>
	</thead>
	<tbody>
		<td>5.0</td>
		<td>1</td>
	</tbody>
</table>

caption ： 表格的标题

thead : 表格的表头　

td : 表格的列头

tbody ： 表格的主题

可以看出，使用语义化的代码，对HTML结构描述的更加清楚，方便维护和阅读。

良好的标签语义化能更好的呗搜索引擎收录，减少推广量。

 

常用的标签语义化，例如：

div : 分隔

span : 范围

ul : 无序列表

ol : 有序列表

li : 列表项

 

1、Hx

　　h1,h2,h3,h4,h5...

　　可以用作标题，根据重要性或者层级递减

2、p

　　段落标签，自带换行，换行效果优于<br />的换行

3、b em strong

　　b : 加粗

　　em : 强调 斜体效果

　　strong : 强烈的强调 加粗效果

　　只加粗用b标签    强调用em或者strong标签

4、ol ul li

　　ol : 有序的列表

　　ul : 无序的列表

　　li : 列表项

　　当使用列表的时候用 ol li或者 ul li ，不要使用div p  span标签

5、等待补充