返回

DOCTYPE:理解文档类型声明的基础知识

前端

DOCTYPE的含义

DOCTYPE是文档类型声明(Document Type Declaration)的缩写,它出现在HTML文档的开头,用来告诉浏览器,使用哪个HTML版本标准来解析文档。在浏览器发展的过程中,HTML出现过很多版本,不同的版本之间格式书写上略有差异。为了确保网页在不同的浏览器中能够正确显示,需要在文档中加入DOCTYPE声明,以便浏览器知道如何解析文档。

DOCTYPE的作用

DOCTYPE的作用主要体现在以下几个方面:

  1. 识别HTML版本: DOCTYPE声明可以告诉浏览器,文档使用的是哪个HTML版本标准。例如,表示该文档使用的是HTML5标准。
  2. 激活标准模式: 在HTML4及更早的版本中,浏览器默认使用一种叫做“怪异模式”的渲染模式。怪异模式下,浏览器会根据自己的规则来解析HTML文档,这可能导致一些网页在不同的浏览器中显示不一致。DOCTYPE声明可以激活浏览器的“标准模式”,使浏览器严格按照HTML标准来解析文档,确保网页在不同浏览器中能够正确显示。
  3. 触发特定功能: 一些HTML5的新特性只在标准模式下才会被支持。因此,加入DOCTYPE声明,可以确保这些新特性在网页中能够正常使用。

DOCTYPE的使用方式

DOCTYPE声明通常放在HTML文档的开头,在标签之前。它由以下几个部分组成:

  1. 文档类型: 该部分指定文档的类型。对于HTML5文档,该部分的内容为。
  2. 公共标识符: 该部分指定文档所遵循的DTD(文档类型定义)的公共标识符。对于HTML5文档,该部分的内容通常为"-//W3C//DTD HTML 5.0//EN"。
  3. 系统标识符: 该部分指定文档所遵循的DTD的系统标识符。对于HTML5文档,该部分的内容通常为"https://www.w3.org/TR/html5/".

完整的DOCTYPE声明如下:

<!DOCTYPE html>

DOCTYPE的渲染模式

DOCTYPE声明可以触发浏览器的两种渲染模式:标准模式和怪异模式。

1. 标准模式

标准模式是浏览器的默认渲染模式。在标准模式下,浏览器会严格按照HTML标准来解析文档,确保网页在不同浏览器中能够正确显示。

2. 怪异模式

怪异模式是HTML4及更早版本浏览器的默认渲染模式。在怪异模式下,浏览器会根据自己的规则来解析HTML文档,这可能导致一些网页在不同的浏览器中显示不一致。

一般来说,应该避免使用怪异模式。可以通过加入DOCTYPE声明来激活标准模式,确保网页在不同浏览器中能够正确显示。

严格模式和怪异模式的区别

严格模式和怪异模式是两种不同的HTML解析模式。严格模式是HTML5的默认解析模式,它要求浏览器严格按照HTML标准来解析文档。怪异模式是HTML4及更早版本浏览器的默认解析模式,它允许浏览器根据自己的规则来解析文档。

严格模式和怪异模式的主要区别在于,严格模式下,浏览器会严格按照HTML标准来解析文档,而怪异模式下,浏览器会根据自己的规则来解析文档。这可能会导致一些网页在不同的浏览器中显示不一致。

一般来说,应该避免使用怪异模式。可以通过加入DOCTYPE声明来激活标准模式,确保网页在不同浏览器中能够正确显示。