1.什么是HTML语义化？
下面摘自维基百科：
HTML的语义化就是从代码层次表达程序员的想法、思路，同时描绘出网站页面的结构：
1.1与同为人类的程序员沟通，帮助程序员快速掌握当前代码。这一点可以通过注释来实现的，不过用上语义化HTML可以省点注释。
1.2与同为代码构筑的系统（例如残疾人士阅读器以及搜索引擎爬虫等）沟通，帮助其快速、准确达到目的。由于这类系统与人类的智能相比起来实在有限，因此需要协定好通过什么样的方式来进行沟通，而W3C的决议就是语义化HTML的标准了。
2、为什么要语义化？
1.为了在没有CSS的情况下，页面也能呈现出很好地**内容结构、代码结构:**为了裸奔时好看；
2.用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
3.有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
4.方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
5.便于团队开发和维护，语义化更具可读性，是下一步把网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
3、优点：
1、标签语义化有助于构架良好的HTML结构，有利于搜索引擎的建立索引、抓取。简单来说，试想在H1标签中匹配到的关键词和在div中匹配到的关键词搜索引擎会吧那个结果放在前面。
2、有利于不同设备的解析（屏幕阅读器，盲人阅读器等）满是div的页面这些设备如何区分那些是主要内容优先阅读？
3、有利于构建清晰的机构，有利于团队的开发、维护。
4、常用的一些语义化标签
5、HTML5新增的那些？
在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。
看下图没有用div标签来布局
6、写HTML代码时应注意什么？
1 尽可能少的使用无语义的标签div和span；
2 在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
3 不要使用纯样式标签，如：b、font、u等，改用css设置。
4 需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；
5 使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td 表单域要用fieldset标签包起来，并用legend标签说明表单的用途；
7 每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。
笔者理解为：
1、HTML的语义化就是从代码层次表达人的想法、思路，同时描绘出网站页面的结构，因为页面不止是给人看的，机器也要看。
2、网页结构清晰更方便开发维护，html语义化就是规定一些html的标签、属性有着特定的作用。
3、语义化的HTML，不关心内容的显示效果。 说的简单一点就是： 标题脱了CSS这层外衣渲染，它还是一个标题。例如<header> / <footer> / <nav> 等等，在没有css渲染样式时让人一看就知道是头部，尾部，导航栏。
4、语义化使得html标签有了实际意义。