总结
-
H5 的声明
-
HTML5 的 DOCTYPE 声明
- HTML5 中的
<!DOCTYPE html>
声明用于告诉浏览器当前文档使用的是 HTML5 的文档类型。 - 它必须是文档中的第一行内容(在任何 HTML 标签之前),以确保浏览器能够正确地解析和渲染页面。
- HTML5 中的
-
DOCTYPE 的作用
- 触发标准模式 :
DOCTYPE
声明的主要作用是让浏览器以标准模式(Standards Mode)来解析和渲染页面,而不是以兼容模式(Quirks Mode)。 - 兼容性 :在没有
DOCTYPE
声明的情况下,浏览器可能会进入兼容模式,这会导致页面的布局和样式表现不一致。 - 文档类型定义 :
DOCTYPE
声明定义了文档使用的 HTML 或 XHTML 的版本,以便浏览器能够正确地解析文档结构。
- 触发标准模式 :
-
不同版本的 DOCTYPE
- HTML 4.01 Strict :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- HTML 4.01 Transitional :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- XHTML 1.0 Strict :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- HTML5 :
<!DOCTYPE html>
(最简单的声明方式)
- HTML 4.01 Strict :
-
HTML5 的优势
- 简洁性 :HTML5 的
DOCTYPE
声明非常简洁,只需要<!DOCTYPE html>
即可。 - 向后兼容 :HTML5 的
DOCTYPE
声明向后兼容,能够被旧版本的浏览器识别。 - 现代浏览器支持 :现代浏览器都支持 HTML5 的
DOCTYPE
声明,并且能够正确地解析和渲染页面。
- 简洁性 :HTML5 的
-
注意事项
- 位置 :
DOCTYPE
声明必须位于文档的最顶部,不能有任何内容(包括注释、空格等)出现在它之前。 - 大小写 :
DOCTYPE
声明不区分大小写,但通常使用大写字母书写。 - 验证工具 :可以使用 W3C 的 HTML 验证工具来检查文档的
DOCTYPE
声明是否正确。
- 位置 :