DTD的作用—文档规范与呈现模式

本文链接：https://blog.csdn.net/qq_41170620/article/details/89683523

1. DTD在页面中的作用

①DTD（文档类型定义）是一组机器可读的规则，它们定义XML或HTML的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。（由DTD中定义的文档类型影响）

②DTD是对HTML文档声明，还会影响浏览器的渲染模式（工作模式）。（由页面中书写DTD的方式影响）

2. DTD规定XML或HTML中的标签和语法

1）HTML 4.01规定了三种文档类型：Strict、Transitional 以及 Frameset

①STRICT（严格类型）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

②TRANSITIONAL（过渡类型）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

③FRAMESET（框架类型）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

2）XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

①STRICT（严格类型）：

<!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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

③FRAMESET（框架类型）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

3）HTML5只规定了一种文档类型：

<!DOCTYPE HTML>

3. DTD会影响浏览器的渲染模式：

1）浏览器的渲染模式：

①标准模式（又叫严格模式，Standards mode 或者 Strict mode）。

②混杂模式（又叫怪异模式，Quirks mode）：对页面的处理方式永久冻结在IE5.5，主要体现盒模型的差异。

③近似标准模式（又叫准标准模式，Almost Stands Mode）：从字面意思上看与标准模式非常类似，但确实有小的差别。主要体现在对于表格单元格内垂直方向布局渲染差异。

2）DTD的不同导致渲染模式的不同

①XHTML文档包含形式完整的DOCTYPE，一般以标准模式呈现。

②HTML4.01文档，包含严格DTD的文档，一般也以标准模式呈现。

③含过渡DTD和URI的DOCTYPE，一般以标准模式呈现。

④含过渡DTD但没有URI的DOCTYPE，会以混杂模式呈现。

⑤DOCTYPE不存在或不正确会导致HTML和XHTML文档以混杂模式呈现。

4. JavaScript中关于呈现模式的返回结果：

　　在 HTML5 草案中，更加明确的规定了模式的定义：

传统名称	HTML5 草案名称	document.compatMode 返回值
standards mode 或者 strict mode	no-quirks mode	CSS1Compat
almost standards mode	limited-quirks mode	CSS1Compat
quirks mode	quirks mode	BackCompat

注：HTML5 草案关于 compatMode 的介绍：3.1.3 Resource metadata management

5. HTML5中，无需定义DTD的URL原因

1）HTML4.01和XHTML

①DTD 规定了使用通用标记语言(SGML)的网页的语法。

②诸如 HTML 这样的通用标记语言应该使用 DTD 来规定应用于某种特定文档中的标签的规则，这些规则包括一系列的元素和实体的声明。

③在通用标记语言(SGML)的文档类型声明或 DTD 中，XHTML 被详细地进行了描述。

④XHTML DTD 使用精确的可被计算机读取的语言来描述合法的 XHTML 标记的语法和句法。

2）HTML4.01中的doctype需要对DTD进行引用，因为HTML4.01基于SGML。而HTML 5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。