对HTML语义化标签理解

标签语义化

根据html内容的结构,选择合适的标签,即用正确的标签做正确的事情。便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

标签语义化的原因（优点）

1. 即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构。
2. 语义化标签会使HTML结构变的清晰，有利于维护代码和添加样式。
3. 方便其他设备（如屏幕阅读器、盲人阅读器、移动设备）解析。
4. 提升搜索引擎优化(SEO)的效果。和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息。
5. 便于团队开发和维护，语义化更具可读性，可以减少差异化。
6. 通常标签语义化会使代码变的更少，使页面加载更快。

• html5新增语义化标签
  < header >、< nav >、< main >、< article >、< aside >、< footer >、< section >等

标签分类：

行级标签，行内块级标签、块级标签