<!DOCTYPE> 标签的深度剖析以及使用选择

wallimn

浏览: 5156752 次
性别:
来自: 北京

最近访客更多访客>>

java-007

xckouy

lengyun3566

zxjun8771

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JAVA、WEB开发

DOCTYPE

前言：

　　现在IE的版本不停地推陈出新，自己设备的网站在高版本的IE中总是表现的有些怪异，才实然发现DOCTYPE是个需要关注的东东。

<!DOCTYPE>的定义：

　　<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。<!DOCTYPE> 对大小写不敏感。

　　该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML版本。（假如文档中的标记不遵循doctype声明所指定的DTD，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。）

　　语法

　　HTML 顶级元素可用性 "注册//组织//类型标签//定义语言" "系统标识符"

　　可能值

　　顶级元素：指定 DTD 中声明的顶级元素类型。这与声明的 SGML 文档类型相对应。 HTML 默认。HTML。
　　可用性：指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。 PUBLIC 默认。可公开访问的对象。
　　系统标识符：第一对引号内的内容，为公共标识符，如果浏览器根据该标识符找不到定义，则根据系统标识符指示的位置（如本地文件或 URL)来查找DTD，。
　　注册：指定组织是否由国际标准化组织(ISO)注册。 + 默认。组织名称已注册。- 组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。
　　组织：指定表明负责由 !DOCTYPE 声明引用的 DTD 的创建和维护的团体或组织的名称，即 OwnderID。 IETF IETF。W3C。
　　类型：指定公开文本类，即所引用的对象类型。 DTD 默认。DTD。
　　标签：指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。 HTML 默认。HTML。
　　定义：指定文档类型定义。 Frameset 框架集文档。Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。Transitional包含除 frameSet 元素的全部内容。
　　语言：指定公开文本语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639 语言代码(大写两个字母)。 EN 默认。英语。
　　URL：指定所引用对象的位置。

注释
　　此声明必须出现在文档的起始处，出现在 html 标签之前。
　　!DOCTYPE 元素不需要关闭标签。
　　后面的系统标识符（指明DTD文档的位置）挺重要，不能省略，如省略会导致IE以Quirks（怪异）模式显示网页，具体差别请自行搜索Quirks该关键字。

<!DOCTYPE>的示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
解析：在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

   -   ：   表示组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。

              +为默认,表示组织名称已注册。

DTD ：   指定公开文本类，即所引用的对象类型。默认为DTD。

HTML ：   指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。默认为HTML。

URL ：指定所引用对象的位置。

Strict：排除所有 W3C 专家希望逐步淘汰的代表性属性和元素。

三种HTML文档类型:

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

a) 如果需要干净的标记，免于表现层的混乱，用HTML Strict DTD类型：

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

b)Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素. 如果用户使用了不支持层叠样式表（CSS）的浏览器以至于你不得不使用 HTML 的呈现特性时，用     Transitional DTD 类型：

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

c) Frameset DTD 被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：

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

三种 XML 文档类型：

XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

a) 如果需要干净的标记，免于表现层的混乱，用XHTML Strict DTD类型：

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

b)Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素. 如果用户使用了不支持层叠样式表（CSS）的浏览器以至于你不得不使用 HTML 的呈现特性时，用     Transitional DTD 类型：

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

c) Frameset DTD 被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：

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

<!doctype html>

　　<!doctype html>标明使用HTML5。因为 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。
　　建议在以后都直接用“<!doctype html>”，用<!doctype html>的话就会开启浏览器的标准兼容模式，在标准兼容模式下，不能保证与其它版本（IE6之前的，直接忽略吧）的 Internet Explorer 保持兼容，文档的渲染行为也许与将来的 Internet Explorer 不同，但也请大家放心地使用吧~~

分享到：

JQuery UI中的Tabs与base元素冲突的BUG | IE “浏览器模式”和“文档模式”的区别

2014-08-12 15:43
浏览 1433
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论