首页 > 常识 > 互联网 > 网站制作 > 基础与技巧

建立符合标准的网页使用DOCTYPE声明

作者:  时间:2015-07-17
描述:一般性参考文章。

什么是DOCTYPE
上面这些代码我们称做DOCTYPE声明。DOCTYPE是document   type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

XHTML   1.0   提供了三种DTD声明可供选择:

过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如 <br> 。完整代码如下:
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Strict//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">

框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Frameset//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd ">

我们选择什么样的DOCTYPE
理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML   1.0   Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。

注:上面说的 "表现层的标识、属性 "是指那些纯粹用来控制表现的tag,例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的,而不是用来实现表现形式,我们过渡的目的是最终实现数据和表现相分离。

DOCTYPE声明好以后,接下来的代码是:

<html   xmlns= "http://www.w3.org/1999/xhtml "   lang= "gb2312 "> 

通常我们HTML4.0的代码只是 <html> ,这里的 "xmlns "是什么呢?

这个 "xmlns "是XHTML   namespace的缩写,叫做 "名字空间 "声明。名字空间是什么作用呢?

标明在所处的这个页面内所用到的标记属于那个命名空间.在不同的命名空间可以有相同的标记表示不同的含义.
所以有必要写明标记是属于那个命名空间的.

最后,去掉doctype有什么后果,这是个非常非常复杂的问题,因为后果非常多。

我们都知道,自从浏览器竞争开始,到1998年IE的胜利基本奠定,甚至到现在,IE总是不停的添加一些不符合W3C标准的IE独立标准到自己身上。在这个过程中,IE有些独立标准,是与W3C标准冲突的,又或者说IE的实现,是不符合W3C标准的。在1998年后,有不少开发者都在仅为IE而开发网页,这些网页仅能在IE这种不标准的实现中正常展示。

然而到了后来,MS也决定向Web   Standards靠拢的,让IE更加符合W3C标准了,但这难道意味着抛弃之前开发者为IE开发的网页吗?它们可是IE的忠实fans哦!所以IE做出了一个特殊的设计:
1.如果网页中能够发现XHTML的doctype,那么网页设计者应该就是执行web   standards的,所以应该尽量用符合W3C的标准来显示。这种模式叫作standard   mode。
2.如果网页中没有doctype,又或者doctype是HTML   4.0或更低版本的,那么就当这个网页是为之前版本的IE设计的,应该以老的IE标准来显示。这种模式叫做quirks   mode。
这两种模式之间的千差万别,你可以通过Google搜索在网上获取答案。举个例子,我上次在你的贴说display:inline的元素不能有height属性,这是指standard   mode,而quirks   mode则承认height属性,并暗自把display改为inline-block。

其它浏览器也有对doctype敏感的,例如Firefox也为了兼容一些为老式IE设计的网页,所以也分成两种mode。当然作为一款标准的浏览器,Firefox不可能执行IE那些标准,但会前就一些IE标准。

所以,用一句话概括删除doctype的后果的话,就是:
IE将以quirks   mode显示网页,对CSS等的显示效果与老式IE标准兼容,但不符合W3C标准。
(注意,就算是standard   mode,IE仍然是一款不符合W3C标准的浏览器,只不过已经比quirks   mode好多了。)

从手机浏览器访问《生活宝典》

站内搜索
  • 建立符合标准的网页 使用DOCTYPE声明
  • 微商帮
    世界网站大全
    中国科研团队:大象的长鼻子是如何越变越长了
    中国科研团队:大象的长
    自己是否能够像自己想的那样做成一件事,身旁人的判断会比自己准确
    自己是否能够像自己想
    火宫殿:吃喝玩乐看,烧香拜神佛,红火的庙会经济
    火宫殿:吃喝玩乐看,烧香
    眼见为实也不为实,更须谨慎看到的并非全貌
    眼见为实也不为实,更须