前端面试题对于HTML 语义化的理解？
作者：互联网
语义化的好处 (利于SEO, 可阅读性更好)
语义化前：
在语义化之前，你可能会使用各种各样的标签去实现同样的功能，比如：
-
使用 span、div、p、a 等做文字, 做按钮
-
使用 div 做一切
从功能方面来说，这确实是不存在什么问题的，完全可以达到功能效果。但这不符合直觉，非常不友好：
-
对人不友好：阅读代码的人不能一眼看出代码的功能
-
对机器不友好：解析代码的程序不能很好的对这些元素进行分类处理
语义化后：
HTML5 规范提倡语义化标签，即使⽤恰当语义的 HTML 标签让⻚⾯具有良好的结构与含义，⽐如：
-
<p>标签就代表段落 -
<article>代表正⽂内容 -
<button>代表按钮 -
<header>代表头部 -
等等...
语义化的好处：
| 对开发者的好处 | 对机器/程序的好处 |
|---|---|
| 使⽤了语义化标签的程序，可读性明显增强，开发者可以比容易和清晰地看出⽹⻚的结构；这也更利于整个开发团队的协作开发和后续维护工作 | 带有语义的网页代码在⽂字类应用上的表现⼒丰富，利于搜索引擎爬⾍程序来爬取和提取出有效的信息；语义化标签还⽀持读屏软件，根据⽂章可以⾃动⽣成⽬录等，方便特殊人群无障碍的使用这些网页程序。 |
语义化的适用性：
语义化适合内容型的网站来使用（如简书、知乎），对其⽹站内容的传播有很⼤帮助。
标签：面试题,程序,标签,代码,语义,好处,HTML,利于 来源： https://blog.csdn.net/m0_56344602/article/details/120463458