DOCTYPE - 文档声明的那些事儿
DOCTYPE的定义
<!DOCTYPE>声明不是HTML标签；它指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
也就是说，<!DOCTYPE>声明规定了文档应该使用哪种HTML规范或XHTML规范。
compatMode
没有声明DOCTYPE时，浏览器的渲染模式为怪异模式，它有向后兼容的机制。
html
<html>
<head>
<title>没有声明DOCTYPE</title>
</head>
<body>
<script type="text/javascript">
console.log(document.compatMode); // 'BackCompat'
</script>
</body>
</html>
而声明了DOCTYPE，则为W3C标准模式。
html
<!DOCTYPE html>
<html>
<head>
<title>声明了DOCTYPE</title>
</head>
<body>
<script type="text/javascript">
console.log(document.compatMode); // 'CSS1Compat'
</script>
</body>
</html>
DOCTYPE的三种标准模式
-
HTML5
html<!DOCTYPE html> -
HTML4.01
html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -
XHTML1.0
html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
文档类型定义（DTD：Document Type Definition）
种类：严格版本（Strict）、过渡版本（Transitional）、框架版本（Frameset）
- Strict DTD：文档结构与表现形式实现了更高的分离，页面的外观用CSS来控制；
- Transitional DTD：包含了HTML4.01版本的全部标记，从HTML的使用过渡到XHTML；
- Frameset DTD：使用
<frameset>以及框架的形式将网页分为多个文档。
常见的DOCTYPE声明
HTML 5
html
<!DOCTYPE html>
HTML 4.01 Strict
该DTD包含所有HTML元素和属性，但不包括展示性的和弃用的元素（比如：font）。不允许框架集（Framesets）。
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
plain-text
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
plain-text
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
plain-text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
plain-text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。
plain-text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。
plain-text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">