一、语义化的html标记的好处：
1.对人来说容易处理，对机器（搜索引擎）来说容易理解。
2.可以直接对元素设置样式，不需要添加其他标识符，可以有效的避免代码膨胀。
二、h4是文档标记语言创造的，而不是界面语言，没有更多的语义化元素。现在给元素语义化主要有两种方式：
1.使用h5标记（h5中有header，section，article，footer，nav等语义化标记）。
2.使用class和id来给现有元素赋语义。
注意：
1.用id和class为元素命名应该根据他们是什么，而不是根据他们的外观如何来命名，可以参考bootstrap。
2.不要滥用class，删除不必要的class有利于简化代码，使页面更加简洁。
三、div和span都是添加页面结构的元素。
注意：
1.不要过渡使用div（divitus）
2.应该在没有现有元素能实现区域分割的情况下使用div，下面的例子就不用加div：
1 <div class="nav"> 2 <ul> 3 <li></li> 4 <li></li> 5 </ull> 6 </div>
可以直接用下面的代码：
<ul class="nav"> <li></li> <li></li> </ull>
3.用div和span的时候要知道什么时候必须进行折中，并且知道正确的原因。
4.其实div也是有语意的，就是一个块（box）。
四：文档类型
1.DTD：document type defer 是一组机器可读规则。定义xml或者html的特定版本中应该出现什么，不允许出现什么。
2.doctype：浏览器通过分析页面中doctype声明来了解使用哪个DTD，由此知道使用html的哪个版本(DTD是由doctype来声明的)。
小结：所以doctype是定义使用哪个DTD版本，DTD是来定义使用哪个html版本。所以doctype直接决定了使用哪个html版本。
当然doctype除了根据语义加标签外（选哪个版本），还有有效性验证的功能，浏览器模式选择，doctype切换（侦听）：根据doctype是否存在选择呈现的模式，作用是浏览器用来区分遗留文档和符合标准文档的手段。