📌  相关文章
📜  doctype (1)

📅  最后修改于: 2023-12-03 15:14:46.904000             🧑  作者: Mango

<!DOCTYPE html> 介绍

什么是 <!DOCTYPE html>?

<!DOCTYPE html> 是位于 HTML 文档第一行的声明。该声明并不是 HTML 标签,而是告诉浏览器该页面使用哪种 HTML 或 XHTML 规范进行编写。

为什么需要 <!DOCTYPE html>?

在早期的 Web 开发中,浏览器会根据页面的内容来自动解析文档类型,但这样会产生很多不兼容的代码。为了规范网页的编写和浏览器的解析,W3C 官方提出了文档类型声明。当浏览器解析文档时,会检查声明并选择一个匹配的解析模式,从而保证页面的正确性。

<!DOCTYPE html> 的语法

HTML5 中,只需在文档的开头添加 <!DOCTYPE html> 声明即可:

<!DOCTYPE html>
<!DOCTYPE html> 的作用
  1. 声明文档的 HTML 版本和类型。
  2. 告诉浏览器以何种模式来解析 HTML 文档。
  3. 减少浏览器解析时的错误。
html5之前的doctype

html5 之前的文档类型声明存在多个版本,下面列出了一些常见的声明:

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">

HTML 4.01 Frameset:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.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">

XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
总结

<!DOCTYPE html> 是 Web 开发中一个非常重要的声明,它可以指示浏览器使用何种模式解析 HTML 文档,从而确保页面的正确性和兼容性。在 HTML5 中,只需要声明 <!DOCTYPE html> 即可,这是 HTML5 的默认文档类型声明。