CSS初学:DOCTYPE文档类型及浏览器的模式介绍
DOCTYPE文档类型常常让新手们困惑,这到底是什么东西。其实这只是一组机器可读的规划,虽然中间包含了文件的URL,但浏览器不会去读取这些文件,只是用于识别。然后决定以什么样的规划去执行页面中的代码。
DTD是指文档类型定义,它们定义XML、XHTML、HTML的特定的某一个版本中,可以有什么,不可以有什么,在载入网页的时候,浏览器会用既定的声明规划去检查页面的内容,是不是有效,是不是违规,然后采取相应的措施与编码解释文档中的代码。
我们不去深入的了解它是什么工作的,因为它已经超出了本站的范畴。我们必须知道它是非常必要的!缺少了它,我们的页面就可能出现一些异常的情况。往往一个新手编写了代码,按教程进行操作,没有哪里出现一个字母的偏差,却发现显示出来的样子完全不对了。这里应该检查DOCTYPE文档类型是不是正确。大多能解决问题!
我们开发符合Web标准的网站,必须要为我们的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">
在一般情况下我们选择“过渡的(Transitional)”,这种DTD比较宽松,也比较容易通过W3C的代码校验,比较适合目前国内的环境与大多数开发人员的水平。当然我们的目标是向着“严格的(Strict)”方向努力。
除此而外,我们发现在某些文档中,还有另一句代码:
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"http://www.w3.org/1999/xhtml"。如果你还不太理解也不要紧,目前阶段我们只要照抄代码就可以了。
DTD是指文档类型定义,它们定义XML、XHTML、HTML的特定的某一个版本中,可以有什么,不可以有什么,在载入网页的时候,浏览器会用既定的声明规划去检查页面的内容,是不是有效,是不是违规,然后采取相应的措施与编码解释文档中的代码。
我们不去深入的了解它是什么工作的,因为它已经超出了本站的范畴。我们必须知道它是非常必要的!缺少了它,我们的页面就可能出现一些异常的情况。往往一个新手编写了代码,按教程进行操作,没有哪里出现一个字母的偏差,却发现显示出来的样子完全不对了。这里应该检查DOCTYPE文档类型是不是正确。大多能解决问题!
我们开发符合Web标准的网站,必须要为我们的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">
在一般情况下我们选择“过渡的(Transitional)”,这种DTD比较宽松,也比较容易通过W3C的代码校验,比较适合目前国内的环境与大多数开发人员的水平。当然我们的目标是向着“严格的(Strict)”方向努力。
除此而外,我们发现在某些文档中,还有另一句代码:
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"http://www.w3.org/1999/xhtml"。如果你还不太理解也不要紧,目前阶段我们只要照抄代码就可以了。
DOCTYPE(文档类型)DOCTYPE是documenttype(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。他们是什么和他们为什么是重要的?所有的HTML和XHTML文档必须有一个有效的doctype声明。Doctype规定了文档使用的HTML或XHTML的版本。当校验的时候doctype被校验器使用,WEB浏览器通过它来决定那种渲染模式被使用。Doctype影响设备渲染web页面的方式。如果文档使用了正确的doctype,一些浏览器将切换到标准模式,那意味着浏览器会......
【下一篇】:通过XHTML校验的几个注意事项
通过XHTML校验的几个注意事项1.标签“p”不能在“span”中使用。它只能在applet,blockquote,body,button,center,dd,del,div,fieldset,form,iframe,ins,li,map,noframes,noscript,object,td,th中使用......
[网友推荐]
DOCTYPE(文档类型)DOCTYPE是documenttype(文档类型)的简写,用来说明你用的
命名规范文件命名的原则:以最少的字母达到最容易理解的意义。一般文件及目录命名规范:每一个目录中应该包
用了一段CSS布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别
有朋友常提关于IE滚动条的问题,特总结该贴。简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需i
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh)select{font:12px!imp
什么叫绝对居中?就是说容器到屏幕左右上下四个方向都有间距,并且随屏幕大小缩放相对不变或者等比例调整,
大部分定义根据项目需求定制,并不适合每个网站,提出一种思路,抛砖引玉。 主要兼容MOZ&
ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 同一个的c
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能
在网上一找还真找到了不少,但都是克隆的别无二样,于是把网页上的代码放到网页上,但没有效果具是气死人,
1.标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 2.同一个
1,盒解释器的不同解释. #box{width:600px;//forie6.0-w\idth:5
1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;fo