版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
HTML语义化是什么？
在h5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，哪些之前没“意义”的标签因为h5的出现消失了，这就是我们平时说的“语义”。
语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发中阅读和写出更优雅的代码的同时，让浏览器、爬虫、机器更好的解析
为什么要语义化？
- 有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于 标签来确定上下文和各个关键字的权重
- 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
- 方便其他设备的解析
- 便于团队开发和维护
易混淆的HTMl标签详解
- i标签：通常表示因为某种原因和正常文本不同的文本，例如专业术语、外语短语或排版用的文字
- em标签：em表示强调的文本，视觉上也是斜体的效果
- strong标签：以加粗的形式展现。表示这个文本的重要性
- b标签：表示文本风格不同于正常的文本，没有表达任何特殊的重要性和相关性。通常用于关键字回顾，回顾中的产品名称或者是其他需要表现为粗体的文本（少用）
- mark标签：表现为高亮文本，例如 我们在网页上查找关键字时，找到的结果就会以高亮形式展现。不要使用mark元素来实现语法高亮，而是用span元素，mark通常是表示跨越不同的上下文中的相关文本。
总结
不要因为h5新标签的出现，而随意用之。所以有些地方还是要用div，就是因为div没有任何意义的元素，它只是一个标签，仅仅用来构建外观和结构，因此最适合做容器标签。我们的目标是让爬虫读懂重要的东西就够了，不能因为有了h5标签就弃用div，每个事物都有它的独有作用
参考资料
https://segmentfault.com/a/1190000005626375