HTML语义化

HTML语义化

根据内容的结构化,选择合适的标签便于开发者阅读和写出更优雅的代码,同时让浏览器的爬虫和机器更好的解析。

为什么要语义化

1.为了在没有css的情况下,页面也能呈现出很好的内容结构、代码结构:为了裸奔时好看。

2.用户体验:例如alt,title用于解释图片信息或解释名词。

3.有利于SEO(有助于和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息)

4.方便其他设备解析

5.便于团队开发和维护

写html代码要注意的点

1.尽可能少的使用无语义的标签div和span。

2.不使用纯样式标签

3.需要强调的文本,可以包含在strong或者em中。

4.使用表格时,标题要用caption,表头要用thead,主体部分用tbody,尾部用tfooter。

5.表单要用fieldset标签包起来

易混淆的html标签

b(粗体),i(斜体)只是样式上的强调

strong(粗体),em(斜体)有强调的语意,为了突出某一部分的重要性、严重性或紧急性。

Table of Contents