HTML-语义化

(1) 什么是 HTML 语义化？

基本上都是围绕着几个主要的标签，像标题（ H1~H6 ）、列表（ li ）、强调（ strong em ）等等

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

比如layout布局，顶部布局使用header，侧边栏用sider，内容部分用content，底部布局用footer

(2) 为什么要语义化？

• 为了在没有 CSS 的情况下，页面也能呈现出很好地内容结构、代码结构。
• 用户体验：例如 title、 alt 用于解释名词或解释图片信息、 label 标签的活用；
• 有利于 SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
• 便于团队开发和维护，语义化更具可读性，是下一步网页的重要动向，遵循 W3C 标准的团队都遵循这个标准，可以减少差异化。

参考

【译】停止滥用div! HTML语义化介绍：https://juejin.cn/post/6844903817968893960