DOCTYPE介绍

最新推荐文章于 2024-05-11 20:16:39 发布

悟之思语

最新推荐文章于 2024-05-11 20:16:39 发布

阅读量785

点赞数

分类专栏： WEB编程

本文链接：https://blog.csdn.net/jbjwpzyl3611421/article/details/25052251

版权

WEB编程专栏收录该内容

7 篇文章 0 订阅

订阅专栏

今天我们来说一说使用html我们一般不太注意的DOCTYPE这个标签。 DOCTYPE 是什么呢？这个就是接下来我们研究的问题。

当我们使用浏览器来显示内容的时候，就需要使用文档解析器来对文本进行解析。

DOCTYPE的作用就是声明文档的解析类型（document.compatMode）,以避免浏览器的怪异模式。

其实文档的解析模式为两种：

1.BACKCOMPAT：怪异模式，浏览器直接的模式解析渲染页面。

2. CSS1COMPAT：标准模式，浏览器使用W3C的标准解析渲染页面。

浏览器根据你声明的DOCTYPE 来规定来使用哪种模式，如果当文档中没有定义DOCTYPE属性，浏览器默认采用自己的怪异模式来对文档进行解析渲染。(这样一般会出现一个浏览器显示的内容一个样，各个浏览器之间的内容不能统一)

使用DOCTYPE这个属性来声明文档类型也很简单（就是当文档标签<html>上面添加标签<!DOCTYPE html>）

下面我们类具体分析一下这个属性中的内容吧!

DOCTYPE的语法
HTML 顶级元素可用性 “注册//组织//类型标签//定义语言”"URL”

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

看到上面的代码相信大家对此都很熟悉吧！但是具体它们都有什么作用相信大家也不是很注意，一般平时拿来用就可以了！！！！！！！！！

下面咱们来看看这些属性都是用来干什么的吧！

1.<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

2.<!DOCTYPE> 声明对大小写不敏感。

3.<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

4.在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

5.HTML5 不基于 SGML，所以不需要引用 DTD。

6.顶级元素（指定DTD中声明的顶级元素类型，这与声明的SGML文档类型相对应。默认html,如下图）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

7.可用性(指定正式公开标识符（FPI）是可公开访问的对象还是系统资源。PUBLIC默认，可公开访问的对象。SYSTEM系统资源，如本地文件或URL等。如下图所示)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

8.注册（指定组织是否由国际标准化组织（ISO）注册。+默认，组织名称已注册。-组织名称未注册，Internet工程任务组(IETF)和万维网协会(W3C)并非注册的IOS组织，如下图所示）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

9.组织（指定表明负责由!DOCTYPE声明引用的DTD的创建和维护的团体或组织的名称，即OwnderID。 IETF IETF、W3C W3C。如下图所示）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

10.类型（指定公开文本类，即所引用的对象类型。DTD默认DTD。如下图所示）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

11.标签（指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。 HTML 默认。HTML）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

12.定义 ( 指定文档类型定义。Frameset 框架集文档。Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。Transitional 包含除 frameSet 元素的全部内容)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

13.语言 (指定公开文本语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639 语言代码(大写两个字母)。 EN 默认。英语）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

14.URL (指定所引用对象的位置)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我们选择什么样的DOCTYPE？

理想情况我们因该选择严格型的DTD，但对于目前多数设计师来说Transitional（过渡型）是理想选择（非框架页面）。因为这种DTD还允许我们使用表现层的标识、元素和属性（例如font,b,center等纯粹用于控制表现的标签以及align,bgcolor等属性），也比较容易通过W3C的代码校验。

（2）理解文档类型（DOCTYPE）及对浏览器布局的影响

HTML 4.01有3种文档类型：strict、transitional和frameset。XHTML 1.1有一种文档类型，但XHTML1.0有3种，就像HTML 4.01一样，HTML文档中只能选择一种文档类型定义，可以使用下列的任何一种：

HTML 4.01 Strict DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

HTML 4.01 Frameset DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

" http://www.w3.org/TR/1999/REC-html401-19991224/frameset.dtd">

XHTML 1.0 Strict DTD: