HTML-标签语义化

概述

根据内容的结构化，选择合适的标签。

可以理解成，根据内容区块的不同，含义的不同，来选择符合该区块语义的标签。

标签语义化的好处

① 网页布局的合理化。

② 有利于和搜索引擎建立良好沟通，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取。

③ 方便其他设备解析，如屏幕阅读器、盲人阅读器、移动设备等。

④ 便于团队开发和维护。

如何理解标签语义化

针对上面的描述，可能对标签语义化，可能还处在一个模糊的状态，要想了解标签语义化，先要知道什么是无语义的标签。

1. 无语义标签

div 和 span 都是无语义标签，为什么说是无语义呢

首先我用 div 标签来划分多个区块

我将上面的代码改成有语义的标签

---

总结：

① 为了让搜索引擎更容易捕获你的网页内容，尽可能少使用无语义的标签。
② 在 pc 端 注意你所使用的标签，是否存在兼容性问题。如果有兼容性问题，合理使用标签。