html标签的语义化

网页的语义化

理念：html告诉我们一块内容是什么？而不是长的是什么样子？

1.html结构

每个html中标签都有它自身的含义

<Hx>

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用，并且依据重要性递减。<h1>是最高的等级。

P

段落标记，知道了p作为段落，你就不会再使用<br/>来换行了，而且不需要<br/>来区分段落与段落。p中的文字会自动换行，而且换行的效果优于<br/>。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。

<ul>、<ol>、<li>

<ul>无序列表，这个被大家广泛的使用，<ol>有序列表也挺常用。在web标准化过程中，<ul>还被更多的用于导航条，本来导航条就是个列表，这样做是完全正确的，而且当你的浏览器不支持CSS的时候，导航链接仍然很好使，只是美观方面差了一点而已。

<dl>、<dt>、<dd>

dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。

<em>、<strong>

<em>是用作强调的，strong是用作重点强调的。

<table>、<td>、<th>、<caption>、summary

XHTML中的表格不再是用来布局。如果是为了标记列表的数据，就应该使用表格了。<th>为表格标题，属性summar为摘要（要想提高搜索的排名这个绝对不应该少），<caption>标签为首部说明，<thead>标签为表格头部，<tbody>标签为表格主体内容，<tfoot>标签为表格尾部。

<ins>,<del>

知道del，就不要再用<s>做删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。

<abbr>、<acronym>

<abbr>标签是表示web页面上的简称，<acronym>标签为取首字母缩写。

alt属性和title属性

title属性用来为元素提供额外说明信息，但是并不是必须的。

alt属性为不能显示图像、窗体或applets的用户代理（UA），指定替换文字。替换文字的语言由lang属性指定。

2.直观

什么标签能更好的描述他，就用什么标签。

3.为什么要进行语义化？

<1>.去掉或样式丢失的时候能让页面呈现清晰的结构,增强页面的可读性

<2>.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页

如果你的标签是具有含义的，他就会根据标签的含义去判断网页中的内容

<3>.对css支持较弱的设备，这些设备会根据自身的条件尽可能的去渲染网页，如果使用语义化的标签会更好的去帮助这些设备渲染网页

<4>.会让搜索引擎更好的去理解你的网页，从而能够让引擎能够更快速的找到你的网页，提高用户的数量！！

<5>.便于团队的开发和维护，建立一个统一的标准，你的队友会更快更好的理解你的网页，提高开发效率，以便实现模块化开发！！