HTML语义化

语义元素

语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到< h1 >< /h1 >标签时，它将该标签解释为包含这一块内容的最重要的标题。h1标签的语义就是用它来标识特定网页或部分最重要的标题。

语义化的作用

• 代码结构:如果没有css代码，也能呈现出很好的结构
• 利于查询：如果爬虫来爬取数据时，可以依赖标签来确定关键字，帮助爬虫抓取更多的有效信息
• 方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等，以有意义的方式来渲染网页
• 便于开发和维护: 语义化使得代码更具有可读性，让开发人员更加理解html结构，减少差异化
• 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用

常用的语义元素

书写HTML

尽量少使用纯样式标签，如：b、font、u等，改用css设置

需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS就不用他们），strong默认样式是加粗（不用b），em是斜体（不用i）

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