1、DOCTYPE

`DOCTYPE`是`document type`(文档类型)的简写，用来说明XHTML和HTML的版本

2、HTML和XHTML的区别

HTML称为超文本标记语言Hyper Text Markup Language，是一种标识性的语言。XHTML称为扩展超文本标记语言Extensible HyperText Markup Language，同样是一种标识性的语言，表现方式与HTML类似，不过语法上更加严格。从关系上讲，HTML是基于标准通用标记语言SGML的应用，XML是SGML的一个子集，而XHTML则基于XML

语法严格程度：

• HTML语法要求较为松散
• XHTML标签必须被关闭，空标签也必须被关闭
• XHTML标签名必须用小写字母
• XHTML文档必须拥有根元素
• XHTML标签顺序必须正确
• XHTML文档要求给所有属性赋一个值，属性值不能简写
• XHTML要求所有属性必须用“”括起来
• XHTML文档需要把所有< > &等特殊符号用编码表示
• XHTML文档不能在注释中使用--
• XHTML图片必须有说明文字
• XHTML用ID属性代替name属性

3、HTML语义化

语义化的好处

• 使HTML结构变得清晰，有利于代码的维护
• 通常语义化HTML会使代码变得更少，使页面加载更快
• 便于团队开发和维护，语义化具有更好的可读性，遵循W3C标准，可以减少差异化
• 方便其它设备解析
• 提升搜索引擎(SEO)效果

语义化编写

• 尽可能少的使用无语义的标签div span
• 不要使用纯样式标签，如b是纯样式标签，而strong的语义为加粗
• 在lable标签中设置for来让说明的文本和相对应的input关联起来
• 表单域使用fieldset标签包裹，并使用legend标签说明表单的用途
• 需要强调的文本，可以包含在strong或者em标签中，strong默认样式是加粗，em默认样式是斜体
• 使用表格时，标题要使用caption，表头用thead，主体部分使用tbody，尾部使用tfoot，表头和一般单元格要区分开，表头使用th，单元格使用td

常用语义化标签

• h1-h6定义页面标题
• header页眉，通常包括网站标志、主导航、全站链接以及搜索框
• nav导航部分，常见为菜单、目录和索引
• main主要内容区域
• article文章部分
• address联系信息
• section定义文档中的节，表示HTML文档中包含的独立部分
• aside表示文档的一部分，其内容与文档的主要内容间接相关，通常显示为侧边栏
• footer定义文档的底部区域(页脚)
• 等待后续补充