在正式介绍文档类型(DTD)和DOCTYPE之前，我们需要先了解HTML和XHTML的之间的区别，现在Html5已经慢慢的成为主流，之前的数十年一直都是Html4.01的天下，Html4.01于1999年成为标准后一直成为大多数人使用的Html版本。2000年的时候W3C发布了HTML4.01的XML版命名为XHTML1.0。Html4.01和XHTML1.0之间主要的区别就是遵守XML编码约定，标签闭合就是XML基础规范。XHTML1.1作为后来者更接近XML，但是跟XHTML1.0相比，XHTML1.0可以作为Html文档，XHTML1.1页面是作为XML发送给浏览器，即使XHTML1.1中只含有一个错误（未编码的&的符号），web浏览器无法显示页面，因为XHTML1.1不受欢迎。
Html5和XHTML2
Html是一种基于标准通用标记语言（SGML）的应用，XHTML则基于可扩展标记语言（XML），HTML和XHTML其实是平行发展的两个标准。本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。建立XHTML的目的就是实现HTML向XML的过渡。XML设计用来传送及携带数据信息，不用来表现或展示数据，HTML语言则用来表现数据。
文档类型(DTD)和DOCTYPE
文档类型定义(Document Type Definition)是一套关于标记符的语法规则，定义了XML或者HTML的特定版本中允许有什么，不允许有什么，在渲染解析页面的时候浏览器会根据这些规则检查页面的有效性并且采取相应的措施。关于DOCTYPE的三种风格，严格(strict)，过渡(transitional)和框架集(frameset)。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
Html4.01 和XHTML1.0：
strict模式：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
过渡(transitional)模式:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
框架集(frameset)：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
框架集(frameset)用的情况比较少，strict风格的 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font），过渡(transitional)风格的DTD仍然使用已经废弃的元素，但是Html5中就不需要这么复杂了，只有一个DOCTYPE:
<!DOCTYPE html>
浏览器厂商创建与标准兼容的浏览器时，他们希望确定向后兼容性，为了实现这一点他们创建两种呈现模式，标准模式和混杂模式(quirks mode)，在标准模式中，浏览器根据规范呈现页面，在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。Html4.01中的如果包含DTD的DOCTYPE都是以标准模式呈现，如果DOCTYPE不存在或者形式不正确会HTML和XHTML文档以混杂模式呈现。