HTML <!DOCTYPE>是一个声明,它是用来指定web浏览器关于页面使用哪个HTML版本进行编写,也就是一个指示Web浏览器有关HTML页面的信息的指令。

在HTML文档中,我们经常可以看到<html>标签之前都会有一个<!DOCTYPE>,那么<!DOCTYPE>是什么?有什么作用呢?下面本篇文章就给大家介绍一下HTML <!DOCTYPE> 是什么?希望对你们有所帮助。

HTML <!DOCTYPE> 是什么?有什么用?

<!DOCTYPE>是一个声明,它是用来指定 web 浏览器关于页面使用哪个 HTML 版本进行编写,即是一个指示Web浏览器有关HTML页面的信息的指令。

注:<!DOCTYPE>不是HTML标签,是没有结束标签</>的,且对大小写不敏感;它必须出现在 HTML 文档的第一行,<html> 标签之前。

<!DOCTYPE> 声明的类型

实际上,有很多类型的HTML,例如HTML 4.01 Strict,HTML 4.01 Transitional,HTML 4.01 Frameset,XHTML 1.0 Strict,XHTML 1.0 Transitional,XHTML 1.0 Frameset,XHTML 1.1等。

下面我们来看看HTML 4.01、 HTML5和XHTML的<!DOCTYPE>声明是如何编写的:

HTML 4.01声明

在HTML 4.01有3种可能的文档类型,分别为:HTML 4.01 Strict,HTML 4.01 Transitional和HTML 4.01 Frameset。当我们要创建一个HTML 4.01类型的文档时,<!DOCTYPE>声明都需要具有这三个DTD中的一个。

注:在 HTML 4.01 中,<!DOCTYPE> 声明需要引用 DTD,因为 HTML 4.01是基于SGML的。而DTD规定了标记语言的规则,这样浏览器才能正确地识别内容。

HTML 4.01 Strict

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

HTML 4.01 Transitional

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

HTML 4.01 Frameset

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

XHTML 声明

XHTML声明可以分成XHTML 1.0声明和XHTML 1.1声明,在XHTML 1.0中有3种可能的文档类型:XHTML 1.0 Strict,XHTML 1.0 Transitional和XHTML 1.0 Frameset。下面我们来看看XHTML的<!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">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5声明

HTML5中只有一个声明,且因为HTML 5不是基于SGML,所有不需要引用 DTD。因此HTML 5的声明如下:

<!DOCTYPE html>

说明:向HTML文档添加声明以使Web浏览器能够识别所期望的文档类型始终是一个好习惯。

浏览器的兼容性

<!DOCTYPE> 声明兼容所有的浏览器。

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上就是HTML <!DOCTYPE> 是什么的详细内容,更多请关注其它相关文章!