DOCTYPE相关知识点

最新推荐文章于 2025-04-25 17:06:54 发布

原创最新推荐文章于 2025-04-25 17:06:54 发布 · 170 阅读

CC 4.0 BY-SA版权

文章标签：

13 篇文章

订阅专栏

<!DOCTYPE> 声明不是 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本的指令，指示 web 浏览器关于页面使用哪个 HTML 版本进行编写。

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。在 HTML 4.01 中有三种 <!DOCTYPE> 声明：

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!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）。

<!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，但允许框架集内容。

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

在 HTML5 中只有一种<!DOCTYPE> 声明：

<!DOCTYPE html>

这是因为HTML5 不是基于 SGML的，因此不需要对DTD进行引用，但是仍然需要doctype来规范浏览器的行为。

SGML：标准通用标记语言。是一种定义电子文档结构和描述其内容的国际标准语言。

DTD：文档类型定义(Document Type Definition)。是一套为了进行程序间的数据交换而建立的关于标记符的语法规则。它是标准通用标记语言和可扩展标记语言1.0版规格的一部分，文档可根据某种DTD语法规则验证格式是否符合此规则。

IE6、7、8下，当不对doctype进行定义时，会触发怪异模式。

当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式（width和height只包括content）

当设置为box-sizing:border-box时，将采用怪异模式解析计算（width和height包括content+padding+border）