HTML语义化

HTML语义化

HTML语义化就是根据内容的结构化选择合适的标签，即便在测试时未加载出来之前也能正确展示页面的基本结构，有利于SEO，爬虫会根据标签确定关键字的权重，便于阅读和维护
原因：

• 在没有CSS的情况下也能很好的呈现内容结构，为了裸奔是更好看。

• 用户体验更好，利用title，alt，lable标签

• 有利于SEO，爬虫根据标签确定关键词的权重。

• 便于开发和维护，可读性强

方法：

• 尽量少使用无语义的div和p标签，当既能使用div又能使用p时尽量使用p，因为p有margin，若样式表未加载完全的话，用户体验更好。

• 不要使用纯样式文本，如font，改用CSS设置

• 使用表格时，标题要用caption，标有thead，主体用tbody，表尾用tfoot，表头单元格用th,普通单元格用td。

• input都应该用lable包裹，for和input的id一致。

• 给a标签加title属性当hover时显示title内容

• details标签配合summary标签使用是展开以summary为表题的内容

• select配合option使用是选择某个值