标签意义的重要性
- 为页面引用加上正确的标记，可以更方便的搜索代码；
- 不同程序或者设备可以理解有意义的标签，提高了用户体验；
- 标签的语义化可以使Web开发者更快速的开发；
ID和Class的选择使用
在html5中新元素出来以后，网页文档更加具有语义化，即使因为某些原因导致网页CSS文档加载失败，页面所呈现的结果也便于程序和开发者进行阅读，但是这依然不能满足所有的需求，所以就需要添加Class或者ID选择器进行控制，这会在文档中添加额外的结构，并赋予样式有用的“钩子”，这样文档在进行解析时会根据添加的Class或者ID进行索引查找；
- ID选择器，可以唯一的标识一个元素，在网页中存再唯一性，只能应用于一个元素；
- Class选择器：在一个页面中可以应用于多个元素，适合有相同内容的类型元素。比如我们为几个段落设置相同的样式，则为每个段落的元素设置相同的类，在操作时只需要书写着一个类的样式，就会应用到所有段落，但是ID的话就会重复性太多，导致代码冗余；
当元素使用一次，且仅使用一次，可以使用ID选择器；ID选择器不能结合使用，不允许两个ID选择器之间用空格划分；
元素应该如何命名
在为元素Class或者ID进行命名的时候，要保证名称与表现方式无关；比如避免使用像left、right这类的命名，因为如果后期重构的话，元素位置可能发生变化，使用这种命名会导致情况更加复杂；因此在对Class或者ID命名的时候，一定是根据作用命名的，让代码更有意义。
div与span的使用
Div实际上代表的是部分division的意思，它将文档分割成有一样的区域，通过为div中包含的不同区域分配有意义的类，以达到构建有意义的文档结构；同时要避免过多的使用Div，因为如果使用多div会导致文档结构复杂，不利于阅读，div是主要对块级元素进行分级的；span主要是对行及元素进行分级；
文档类型定义
DTD，文档类型定义时一组可读的规则，定义了XML或者HTML的特定版本中的规则，在解析网页的时候，浏览器将使用这些规则检查页面有效性并采取相应措施，浏览器会通过分析页面的Doctype声明来了解要使用哪个DTD对网页进行解析。
Doctype不是HTML中的标签，它是web浏览器关于页面使用哪个HTML版本进行编写的指令，在HTML4中doctype声明需要引用DTD，因为HTML4是基于SGML（标准通用标记语言）使用时通常添加dtd的url，但是浏览器不会读取这些文件，知识识别常见的doctype声明，HTML5就不再使用这种DTD引用了。DOCTYPE现在有两种风格：严格模式和兼容模式。严格模式下排版和js运作模式都是以浏览器支持的最高标准运行，兼容模式下会向下兼容，防止在老版本浏览器不能正常工作；
