yuanyuanbyte/Blog

HTML系列之DOCTYPE的作用

yuanyuanbyte opened this issue · 0 comments

yuanyuanbyte commented

DOCTYPE（document type）的简写，它是一种标记语言的文档类型声明，即告诉浏览器当前 HTML 是用什么版本编写的。

HTML 4.01 和 HTML5 中 DOCTYPE的区别

  • HTML 4.01 中的 doctype 需要对 DTD（文档类型定义Document Type Definition） 进行引用，因为 HTML 4.01 基于 SGML（标准通用标记语言 国际上定义电子文档和内容描述的标准）。
  • HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为（html 5简化了这种声明，意在告诉浏览器使用统一的标准即可）。

两种版本的声明方式

HTML 5：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

HTML 4

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