DTD

路漫大约 2 分钟

DTD

DTD：Document Type Declaration 文档类型声明
<!DOCTYPE html>(H5 标准模式)

历史发展

第一次浏览器大战，两个主要阵营

网景（Netscape）的浏览器（Navigator）
微软（Microsoft）的浏览器（Internet Explorer，IE）

标准化：W3C 创立网络标准

浏览器采用了两种模式；为了不破坏当时的既有网站，并且，区分老旧网站、符合新规范的网站
- 怪异模式
- 标准模式

目前浏览器的排版引擎，使用三种模式

怪异模式 Quirks mode，兼容模式
- 排版会模拟，IE 的非标准行为
接近标准模式 Almost standards mode
- 从 Mozilla 1.0.1 和 1.1 Beta 开始，存在的一种新的渲染模式
- 只有少数的怪异行为被实现
标准模式 Standards mode
- HTML 和 CSS 的规范描述行为

Doctype

浏览器根据 Doctype 决定使用哪种排版模式

在 HTML 中，doctype 声明，是必要的
把 DOCTYPE 正确地置于 HTML 文件的顶端
- 如果有任何其他字符位于 DOCTYPE 之前，比如注释或 XML 声明
- 会导致 IE 9 或更早期的浏览器触发怪异模式
版本介绍
- HTML4
  - 文档类型声明类似于链接
  - 规定了 HTML 页面必须遵从的良好规则 - 能自动检测错误和其他有用的东西 ` `
- HTML5，标准推荐
  - 唯一的作用是启用标准模式，用于保证文档正常读取
```
  <!DOCTYPE html>
```

浏览器的排版引擎模式

浏览器解析，主要是三个部分

布局（盒模型）
样式解析（CSS）
脚本解析（JS）

混杂模式 Quirks mode

排版会模拟，IE 的非标准行为

近标准模式 Almost standards mode

从 Mozilla 1.0.1 和 1.1 Beta 开始，存在的一种新的渲染模式
只有少数的怪异行为被实现

标准模式 Standards mode

HTML 和 CSS 的规范描述行为