关于HTML的DOCTYPE详细解释（面试知识）

来源：互联网发布：淘宝推广预算表编辑：程序博客网时间：2024/06/08 16:14

关于HTML的DOCTYPE详细解释

相信很多新入门学习前端开发的同学，一开始学习html语言便迫不及待地想写出自己的第一个网页，因此可能忽视了html文件中的某些重要的标识。

这里我要说的就是html文件头部的<DOCTYPE>这个重要但并不引人重视的标签。由于现在有很多前端开发工具，用起来省时省力，新建一个html文件，大体的结构便已经自动生成，可能并没有多少人注重对这个头标签的理解。但是很多的笔试或是面试中都会有相关的问题。接下来我就对DOCTYPE做一下详细的解释。

首先，什么是DOCTYPE？它的全称为“document type”，也就是“文档类型”，它是用来指定HTML的版本，也就是以什么类型来解读这个HTML文档，只有声明了正确的DOCTYPE，HTML与CSS才能正常生效。

第二，DOCTYPE的声明规则，即阅读程序（我们常用的就是浏览器）应该以什么规则来解释HMTL文档中的语言，我们这里说的规则指的是W3C发布的文档类型定义中的规则，就是我们平常在DOCTYPE中看到的“DTD”字符。

第三，DTD（文档类型定义）的选择。XHTML和HTML4.0.1中都有三种DTD的声明可选择：①Transitional(过渡的)；②Strict(严格的)；③Frameset(框架的)。

①Transitional是一种要求不严格的DTD，允许在页面中使用HTML4.01的标识，但必须符合XHTML的写法。

②Strict是一种要求严格的DTD，不允许使用任何表现层的标识和属性(也就是表现层能设置的属性和标识不能出现在HTML页面中)；

③Frameset是当页面中含有框架元素时所要使用的DTD。

HTML5的DTD声明很简单，只需要写<!DOCTYPE html>即可。

第四，三种不同的DOCTYPE声明的写法：

1、Transitional：<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML1.0 Transtion//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ；

2、Strict：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">；

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

最后，要强调的一点是：DOCTYPE的声明，必须在HTML文档的最顶部，在它之前不能放任何元素。

关于DOCTYPE标签的解释，就先讲到这里了，关于选择哪一种类型，还是要结合自己的实际需要，选择最合适的！

0 0