HTML语义化

HTML语义化，指HTML结构，用有一定语义的标签来表示，标记，能很好地呈现出内容的结构，代码的结构，这样的代码容易阅读，书写和理解。

 

HTML语义化的好处：

1. 这样在没有css代码时，也能呈现出很好的内容结构、代码结构，可读性强；

2. 提高用户体验，如title，alt用于解释名词和图片信息；

3. 利于SEO，语义化能和搜索引擎建立起良好联系，便于爬虫抓取更多的有效信息；（爬虫依赖标签确定上下文和各个关键字的权 重）

4. 方便其他设备解析（屏幕阅读器，盲人阅读器，移动设备），以语义化的方式来渲染页面；

5. 可读性强，便于团队开发和维护，代码规范化，减少差异化

 

写页面结构时，注意：

a. 少用无语义的div/span （div可用p代替）

b. 不使用纯样式标签，b/font/u （改用strong/em等有语义的，其它或改用css设置）

c.  表格标题caption, 表头head,主体body，尾部footer， 表头th，内容td