前端面试题（1）—— HTML语义化

语义化是指使用恰当语义的html标签，让页面具有良好的结构和含义。

比如p标签就代表段落；article代表正文内容等。

语义化的好处有以下两点：

1. 开发者友好：使用语义类标签增强了可读性，开发者也能够清晰地看出网页的结构，也更为便于团队的开发和维护；
2. 机器友好：带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，语义类还可以支持读屏软件，根据文章可以自动生成目录，这对于简书、知乎这种富文本类的应用很重要，语义化对于其网站的内容传播有很大的帮助，但是对于功能性的web软件重要性大打折扣。

比如一个按钮，SKeleton这种组件根本没有对应的语义，也不需要SEO

为什么要语义化？

• 代码结构：是页面在没有css的情况下，也能够呈现出很好的内容结构；
• 有利于SEO：爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立良好的沟通，帮助爬虫抓取更多的有效信息；
• 提升用户体验：例如title、alt可以用于解释名称或者解释图片信息，以及label标签的灵活运用；
• 便于团队开发和维护：语义化使得代码更具有可读性，让其他开发人员更加理解你的html结构，减少差异化；
• 方便其他设备解析：如屏幕阅读器、盲人阅读器、移动设备等，以有意义的方式来渲染网页。