html的语义化

说说对 html 语义化的理解

1. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
2. 有利于 SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
3. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
4. 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循 W3C 标准的团队都遵循这个标准，可以减少差异化。 HTML5 中新增加的很多标签（如：
   、

   、

   和

   等） 就是基于语义化设计原则）下面就是语义化 html 代码；

<div id="header">
   <h1>标题</h1>
   <h2>专注Web前端技术</h2>
</div>

总结一下，总之就是：

• 用正确的标签做正确的事情！
• html 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
• 在没有样式 CCS 情况下也以一种文档格式显示，并且是容易阅读的。
• 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
• 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。