DTD和DOCTYPE的作用

一直以来写网页,不论用Adobe(以前是Macromedia)的DW,还是Editplus自动生成的初始网页,头部都会加上类似的一句话:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
而一直以来本人对他的态度也是忽略的,以为这个东西没什么作用。今天知道他原来在HTML中是很有作用的。

DTD声明是什么意思呢?
DTD意为Document Type Definition(文档类型定义),先撇开DTD文件的具体内容不谈。我们看到HTML文档中的DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称(网页也就是HTML)。如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容。而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL。而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL。下面是一些示例。
公共DTD,DTD名称格式为“注册//组织//类型 标签//语言”,“注册”指示组织是否由国际标准化组织(ISO)注册,+表示是,-表示不是。“组织”即组织名称,如:W3C;“类型”一般是DTD,“标签”是指定公开文本描述,即对所引用的公开文本的唯一描述性名称,后面可附带版本号。最后“语言”是DTD语言的ISO 639语言标识符,如:EN表示英文,ZH表示中文。
本文开头的DTD也就是XHTML 1.0 Transitional的DTD。以!DOCTYPE开始,html是文档根元素名称,PUBLIC表示是公共DTD,后面是DTD名称,以-开头表示是非ISO组织,组织名称是W3C,文档类型是XHTML,版本号1.0过渡类型,EN表示DTD语言是英语,最后是DTD的URL。
注意:虽然DTD的文件URL可以使用相对URL也可以使用绝对URL,但推荐标准是使用绝对URL。另一方面,对于公共DTD,如果解释器能够识别其名称,则不去查看URL上的DTD文件。

下面来说说DTD的作用。
<P align="center">这是一个居中段落</P>
在XHTML中,标记是区分大小写的,上面的代码毫无意义。可在HTML中它是一个居中段落。浏览器是怎样处理这种情况呢?难道浏览器认为你写的是HTML,然后把它作为一个一个居中段落显示?如是你写的是XHTML呢,它将是一段不可显示的代码!浏览器是怎样知道你用的是什么标记语言然后正确对待这段代码呢?
这就是DTD的工作了。一个DTD应该放在每一个文档的第一行。这样正确地放置,你的DTD才能告诉浏览器的用的是什么标记语言。在通常情况下,如果你编写的是正确代码,并拥有一个合适的DTD,浏览器将会根据W3C的标准显示你的代码。
如果说你没有使用DTD,你将很难预测浏览器是怎样显示你的代码,仅仅在同一浏览器就有不同的显示效果。尽管你的网页做得非常飘亮,要是没有使用DTD,你的努力也是白费的。因此,一个DTD是必不可少的。

XHTML较为规范,他的DTD分为几种:Strick、Transitional和Frameset
XHTML1.0 Strict DTD(严格的文档类定义):要求严格的DTD,你不能使用表现标识和属性,和CSS一同使用。完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   
XHTML1.0 Transitional DTD(过渡的文档类定义):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
XHTML1.0 Frameset DTD(框架集文档类定义):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:     
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

                    
HTML的语法就非常宽松了,他的DTD也分为一样的三种。
HTML 4.01 Strict DTD (严格的文档类定义)不能包含已过时的元素(或属性)和框架元素。对于使用了这类DTD的文档,使用如下文档声明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional DTD(过渡的文档类定义)能包含已过时的元素和属性但不能包含框架元素。对于使用了这类DTD的文档,使用如下文档声明:     
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset DTD(框架集文档类定义)。能包含已过时的元素和框架元素。对于使用了这类DTD的文档,使用如下文档声明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">

更早的HTML版本:HTML 3.2    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">  

更早的HTML版本:HTML 2.0     
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

我们选择什么样的DOCTYPE
理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。
上面说的“表现层的标识、属性”是指那些纯粹用来控制表现的tag,例如用于排版的表格(<table>标签)、换行(<br>标签)和背景颜色标识等。在XHTML中标识是用来表示结构的,而不是用来实现表现形式,我们过渡的目的是最终实现数据和表现相分离。
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值