您现在的位置： 万盛学电脑网 >> 程序编程 >> 网页制作 >> 交互设计 >> 正文
DOCTYPE元素详解
作者：佚名 责任编辑：admin 更新时间：2022-06-22
一.概述
本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧.
二.定义
DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置，处于 <html> 标签之前。通过确认页面的DTD,可以同时确定页面使用哪种W3C规范(比如 HTML 或 XHTML 规范)。
三.W3C规范
W3C规范的正确翻译应该为W3C推荐(W3C Recommendations).很多设计师的眼里W3C就是标准.但是许多人都是一知半解.下面列于了目前W3C规范中的HTML规范和XHTML规范,稍后会讲解HTML和XHTML的关系:
W3C HTML 规范和时间线
规范
推荐
HTML 3.2
1997年1月14日
HTML 4.0
1998年5月24日
HTML 4.01
1999年12月24日
W3C XHTML 规范 和 时间线
规范
草案/提议
推荐
XHTML 1.0
2000 年 1 月 26 日
XHTML 1.0 修订版
2002 年 8 月 1 日
XHTML 1.1
2001 年 5 月 31 日
XHTML Modules
2001 年 4 月 10 日
XHTML Modules 1.1
2006 年 7 月 5 日
XHTML Basic
2000 年 12 月 19 日
XHTML Basic 1.1
2006 年 7 月 5 日
XHTML Events
2003 年 10 月 14 日
XHTML Events 2
2007 年 2 月 16 日
XHTML Print
2006 年 9 月 20 日
XHTML Media Types
2002 年 8 月 1 日
XForms 1.0
2003 年 10 月 14 日
XForms 1.0 (SE)
2006 年 3 月 14 日
XForms 1.1
2007 年 2 月 22 日
XHTML 2.0
2006 年 7 月 26 日
XLink
2001 年 6 月 27 日
HLink
2002 年 9 月 13 日
XHTML可以看成是最新的HTML规范, 是一项可从 HTML 4.01 平稳迁移的 XML 应用。W3C 把 HTML 4.01 重构为 XML 的第一个步骤，导致了 XHTML 1.0 的诞生。XHTML 1.0 依赖于 HTML 4.01 标签所提供的语义。
四.规范与DTD
页面文件通过<DOCTYPE>元素声明不同的DTD, 来告知浏览器当前页面符合哪种HTML或者XHTML规范.下面只列举HTML4.01和XHTML1.0两种规范相关的DTD:
HTML
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
Frameset DTD
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">
XHTML
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。
XHTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Frameset DTD
当您希望使用框架时，请使用此 DTD！
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN&qu
- 上一个程序编程： 从零开始学习jQuery (十) jQueryUI常用功能实战
- 下一个程序编程： 从零开始学习jQuery (九) jQuery工具函数
