1.为什么要语义化？
对于HTML来说，规定其作用在于说明，在于解释整体结构，在于明确的指定各部分的定义，以写议论文为类比理解：
HTML就像我的写文章构思文章结构一样：如，我第一段描述发生的事件，第二段描述本人的想法与观点，第三段用几个不同的论据来支撑我的论点，第四段结尾感谢。每一段我都明确了内容，（类似HTML的作用），但具体这个怎么写，如，事件到底如何描述，是怎么样的想法，是使用3个论据，还是4个论据，还是一个主论据几个小论据，这些都不在我构思这一步的考虑范围之类，（那些具体怎么写，怎么丰满我的文章内容则类似于CSS）。
语义化的好处在于将页面框架和添加的效果内容区分开，便于开发人员理解整体，知道CSS和JS是为了什么而写
2、写HTML代码时应注意什么？
- 尽可能少的使用无语义的标签div和span；
- 在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
- 不要使用纯样式标签，如：b、font、u等，改用css设置。
- 需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；
- 使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；
- 表单域要用fieldset标签包起来，并用legend标签说明表单的用途；
- 每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。
后面2点摘抄于 https://www.cnblogs.com/freeyiyi1993/p/3615179.html 感谢前辈。