一、HTML语义化的概念
语义化是指根据内容的结构，选择合适的标签，便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。
二、HTML语义化的必要
随着互联网的发展，WEB承载越来越多的信息（图片，音频，视频等），人们开始用机器来处理网络信息，就此诞生了搜索引擎。如次庞大及复杂的信息如何让搜索引擎处理和挖掘，所以让机器能够更好地读懂WEB上内容就变得越来越重要。
三、HTML语义化的作用
- 页面结构清晰
- 去掉或 CSS 样式丢失的时候,也能让页面呈现清晰的结构，增强页面的可读性。
- 支持更多设备
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式来渲染网页。
- 利于SEO优化
- 和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息，搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。
- 便于团队开发和维护
- 在团队中大家都遵循W3C标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至实现模块化开发。
四、HTML语义化的方法
- （1）根据文档上下文结构合理的选用最适合表达当前语义的标签；
- （2）尽可少使用无语义的标签 <div> 和 <span>；
- （3）不要使用带有样式的标签，比如：<b> 、 <u> 、 <font> 等，使用 CSS 设置；
- （4）标题标签的使用应该根据重要性逐级递减，没有断层，并且一个页面只能有一个 <h1>；
- （5）提高关键词密度，如图像的替代文本 alt，提示文本 title；
- （6）正确使用内容容器，比如段落<p>，列表 <ul>, <ol>, <li>, <dl>, <dt>, <dd>;
- （7）需要强调的文本，可以使用 <strong> 或 <em> 标签（浏览器默认样式，能用 CSS 设置就不用）， <strong> 默认样式是加粗（不用 <b>），<em> 是斜体（不用 <i>）；
- （8）表格注意使用，标题 <caption>，表头 <thead>，表格主体（正文）<tbody>，表注（页脚）<tfoot>，<tr> 定义表格行，<th> 定义表头，<td> 定义表格单元。
- （9）表单域使用 <fieldset>标签，并且<legend> 标签为 <fieldset> 定义标题；
- （10）每个 <input> 标签对应的说明文本都需要使用 <label> 标签，通过为 <input> 设置 id 属性，并且在 <lable> 标签中设置 for=id 使说明文本和对应的 <input> 关联。
