HTML 文件里开头 Doctype 的作用是什么？

最新推荐文章于 2024-06-14 07:44:22 发布

面相进程，面相对象

最新推荐文章于 2024-06-14 07:44:22 发布

阅读量1.2k

点赞数 2

分类专栏：前端基础知识文章标签： html java css 前端 html5

本文链接：https://blog.csdn.net/weixin_57575133/article/details/125664965

版权

前端基础知识专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML 文件里开头 Doctype 的作用：
(1) 声明位于文档中的最前面的位置，处于标签之前。
(2) 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
重点：告诉浏览器按照何种规范解析页面

doctype是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义（DTD）来解析文档。

doctype在html中的作用就是触发浏览器的标准模式，如果html中省略了doctype，浏览器就会进入到Quirks模式的怪异状态，在这种模式下，有些样式会和标准模式存在差异。而html标准和dom标准值规定了标准模式下的行为，没有对怪异模式做出规定，因此不同浏览器在怪异模式下的处理也是不同的，所以一定要在html开头使用doctype。

Doctype声明于文档的最前面，告诉浏览器以何种方式来渲染页面，这里有两种模式，严格模式和混杂模式。严格模式的排版和JS运作模式是以浏览器的最高标准执行。混杂模式，向后兼容，模拟老式的浏览器，防止浏览器无法兼容页面。

那HTML5 为什么只需要写 <!DOCTYPE HTML> ：
(1) HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行
为（让浏览器按照它们应该的方式来运行）；
(2) 而 HTML4.01 基于 SGML,所以需要对 DTD 进行引用，才能告知浏览器文档所使用的文档类
型。

下面是html5的页面标准：

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

下面是html4.01的页面标准：

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

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title></title>
 </head>
 <body>

 </body>
</html>