如何理解HTML语义化

什么是语义化？

  简单的来说，就是用正确的标签去做正确的事；比如说在HTML5新增的语义化标签：<header></header>可以做页面的头部、<nav></nav>做页面的导航、还有footer，section，aside等等。在没有提出语义化的时候，很多人的页面几乎满屏的div，结构很杂乱，不利于维护。
  此外就是浏览器对标签自带默认样式，让有些开发者滥用标签，比如说标题标签h1~h6,浏览器给他们的自带样式是字体大小由大到小，由粗到细，所以在写页面时就会利用他们这些特点需要加大加粗字体，强调内容等，就会使用标题标签，这是很不建议的，应该使用CSS去定义样式。

使用语义化标签有什么好处？

• 一般我们讲求结构-样式-行为相分离，HTML要搭建页面结构，使用语义化标签有利于搭建一个良好的页面结构，利于开发者的维护，在没有CSS的时候能够清晰的看出网页的结构，增强可读性。
• 利于搜索引擎，和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式来渲染网页 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

在写HTML时，应该注意什么？

1.既然提出了语义化，在选择标签时尽量减少无意义的标签。在语意不明确时可以使用div+css布局
2.尽量不使用单纯为了表示样式的标签，比如说：b, u等标签，改用css来设置你想要的样式