我是靠谱客的博主 传统百褶裙,最近开发中收集的这篇文章主要介绍HTML <!DOCTYPE> 是什么,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在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浏览器能够识别所期望的文档类型始终是一个好习惯。

浏览器的兼容性

2.jpg

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

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

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

最后

以上就是传统百褶裙为你收集整理的HTML <!DOCTYPE> 是什么的全部内容,希望文章能够帮你解决HTML <!DOCTYPE> 是什么所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(72)

评论列表共有 0 条评论

立即
投稿
返回
顶部