上一篇
HTML文档类型
HTML文档类型通过声明定义，如标识HTML5，指定浏览器解析规则，确保文档以标准模式渲染
HTML文档类型说明
DOCTYPE的作用
DOCTYPE（文档类型声明）位于HTML文档的第一行，用于告知浏览器当前文档遵循的HTML规范版本，从而决定浏览器的渲染模式（标准模式或怪异模式）。
常见DOCTYPE类型
| DOCTYPE类型 | 适用规范 | 关键特征 |
|---|---|---|
<!DOCTYPE html> | HTML5 | 无URL引用，仅声明html；支持现代浏览器；默认启用标准模式。 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> | HTML 4.01 Strict | 严格DTD，禁止过时的标签和属性（如font、center）；需手动指定字符编码。 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | HTML 4.01 Transitional | 允许部分过时的标签和属性，逐步向Strict过渡。 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | XHTML 1.0 Strict | 基于XML的严格规范，要求闭合标签、属性引号、小写标签名等。 |
HTML5与其他版本的对比
| 特性 | HTML5 | HTML 4.01/XHTML 1.0 |
|---|---|---|
| 文档声明 | <!DOCTYPE html> | 需完整URL引用DTD（如strict.dtd、loose.dtd） |
| 字符编码 | 默认UTF-8，可省略<meta charset> | 需显式声明（如<meta charset="UTF-8">） |
| 错误处理 | 浏览器自动修复部分错误 | 严格解析，错误可能导致渲染失败 |
| 向后兼容 | 支持旧标签（如font），但推荐新语义标签 | 禁止或限制过时的标签和属性 |
如何选择DOCTYPE？
优先使用HTML5：
- 现代浏览器均支持,简化开发流程。
- 支持新特性（如
<canvas>、<video>、本地存储等）。 - 自动触发标准模式,避免兼容性问题。
特殊场景选择旧版本：
- 需兼容极老旧浏览器（如IE6-8）时，可选用HTML 4.01 Transitional。
- 需严格XML格式（如结合XSLT/XPath）时，使用XHTML 1.0。
相关问题与解答
问题1：为什么HTML5推荐使用UTF-8编码？
解答：
UTF-8是HTML5的默认字符编码，支持全球大部分语言的字符，现代浏览器默认按UTF-8解析页面，省略<meta charset="UTF-8">也能正常显示，若未声明其他编码（如GBK），可能导致乱码或兼容性问题。
问题2：使用HTML5 DOCTYPE后，是否仍需声明<meta http-equiv="X-UA-Compatible" content="IE=edge">？
解答：
在HTML5中，<!DOCTYPE html>已足以让现代浏览器进入标准模式，但对于IE10及以上版本，添加<meta http-equiv="X-UA-Compatible" content="IE=edge">可强制启用最新渲染引擎，避免兼容视图（如
