<!DOCTYPE> 是一个声明，用于告知浏览器当前文档遵循的HTML版本或文档类型。它告诉浏览器如何解析文档，以确保页面正确呈现。<!DOCTYPE>声明必须是HTML文档的第一行，且位于<html>标签之前。

1. <!DOCTYPE>的基本语法

<!DOCTYPE> 语法非常简单，通常只包含一个关键词，后面跟着指定的文档类型。它并不是HTML标签，而是文档类型声明，通常放在HTML文件的最上面。

<!DOCTYPE html>

2. HTML5中的 <!DOCTYPE>

在HTML5中，<!DOCTYPE> 声明被简化为：

<!DOCTYPE html>

这是HTML5的标准文档类型声明，它不需要指定版本号或DTD（文档类型定义），因为HTML5本身已经不再使用严格的DTD约束。这个声明告诉浏览器使用HTML5标准来解析网页。

3. 过去的 <!DOCTYPE> 示例

在HTML4和更早版本中，<!DOCTYPE>声明需要更长、更复杂的声明形式，用来指定文档的版本和与之对应的DTD。

HTML4.01 Strict：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML4.01 Transitional：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML4.01 Frameset：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

4. <!DOCTYPE>的作用

  1. 标准模式与怪异模式（Quirks Mode）：
    • 标准模式：浏览器根据最新的标准进行渲染。
    • 怪异模式：如果没有<!DOCTYPE>声明，或声明不正确，浏览器会以怪异模式渲染页面，可能导致某些CSS、JavaScript行为不符合预期。
    • 因此，始终建议在HTML文档的开头添加正确的<!DOCTYPE>声明。
  2. 兼容性：
    • <!DOCTYPE>声明帮助浏览器正确解析和呈现HTML页面，确保各种浏览器之间的兼容性。

5. 其他常见的 <!DOCTYPE> 示例（用于不同的文档类型）

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

XHTML 1.0 Frameset：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

6. 总结

  • <!DOCTYPE>声明是HTML文档的第一行，它告诉浏览器该文档使用哪种HTML或XHTML版本。
  • HTML5简化了这一声明为 <!DOCTYPE html>，不再需要指定版本号或DTD。
  • 正确的 <!DOCTYPE> 声明有助于确保浏览器以标准模式渲染页面，避免兼容性问题。

你有特定的HTML版本或文档类型问题吗？