当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > html教程:WEB标准从头开始_DOCTYPE声明

HTML/XHTML教程
CSS基础:设计网页常用规范详解
CSS教程:十步学会用css建站
CSS基础:24条网页布局开发小技巧
CSS教程:在网页布局中简单实现垂直居中的办法
css基础教程:颜色和文本属性的控制
专家总结:网页设计师必须遵守的十条守则
html技巧:超级链接a的提示和打开方式
css教程:学习背景图像属性background
例说网页Semantics:Html/Xhtml是否真正符合标准
IE7与web标准设计系列教程:前言
IE7与web标准设计系列教程:更丰富的CSS选择符
IE7与web标准设计系列教程:修正引起页面布局混乱的祸首
web标准教程:IE6和IE7的共存
web标准:IE多版本共存的解决方案:IETester
CSS基础教程:认识CSS选择符
web标准:比较IE6与IE7,放纵的孩子与严厉的父亲
学好标准CSS的模型是否必须放弃IE?
CSS教程:如何处理有冲突的CSS规则
教你用html和css写出漂亮正规的Blog
CSS基础:如何避免table强迫症

HTML/XHTML教程 中的 html教程:WEB标准从头开始_DOCTYPE声明


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-05   浏览: 102 ::
收藏到网摘: n/a

在较早之前的网页上,我们经常可以看到如下的网页结构代码:

<html>
<head>
<title>这是一个网页</title>
<meta name=”…” content=”…” />
……
</head>
<body>
……
</body>
</html>

很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div构架的页面一样,浏览器都可以呈现出来,关健是哪个页面呈现的质量会更高。

做出一个页面,跟做好一个页面,中间有着很遥远的距离。

在浏览器的发展历程中,微软凭借着将Internet Explorer捆绑进Windows操作系统中,从来成为浏览器市场上的霸主,从而也造成了一系列的IE对W3C组织所制定的Web标准于不顾的事情,微软的IE一直都只遵循自家的Web标准。很庆幸的是,微软决定在他的IE8中支持Web标准,虽然这事还没最终确定。除微软的IE外,Mozilla Firefox、Apple Safari、Opera、Chrome等浏览器则以支持Web标准的名义与IE做得长久的对抗。

浏览器的不同,于是就造成了对HTML代码默认解析的不同,所以即使同样的代码在不同的浏览器下也可能呈现出不同的样式来,于是这就需要有一份众浏览器都遵循的规则来协调众浏览器之间的差异,这份规则需要一个声明来引用它,这个声明就是DOCTYPE——document type(文档类型)。

DOCTYPE声明是标准网页中必不可少的部分,所以,想要制作一个符合W3C标准的网页,首先就需要为这个页面声明一个文档类型。DOCTYPE所声明的DTD(文档类型定义)分为三种,分别是:

Transitional(过渡的):要求不是很严格的DTD,允许你继续在页面中使用HTML4.01的标签;
Strict(严格的):这是制作页面时理想的DTD方式,但是这个文档类型定义不允许使用任何的表现层上的标签和属性;
Frameset(框架的):这个专门针对页面设计中包含有框架的DTD。

由于框架型的设计可能对网页在搜索引擎中收录的影响,很多网页中都不使用框架设计;而Strict的DTD对于大多数人来说还只是一种理想化的方式;Transitional型的DTD则是目前最适用也是使用最广泛的文档类型定义。现在随便打开一个符合Web标准的网页,都可以在页面的最开始处看到这样一句声明:

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

这是一个关于XHTML网页文档的DOCTYPE声明。当然并不是说DOCTYPE声明只能针对XHTML网页文档,对于使用HTML4.01的网页文档来说,同样可以使用DOCTYPE声明:

过渡的DTD:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
严格的DTD:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

唯一需要注意的是,DOCTYPE声明的位置必须是位于页面的最开始处,在DOCTYPE声明代码之前不能出现任何的代码或是标签,否则页面中的标签或是CSS样式可能会失效。