论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{WEB标准}CSS代码结构初探:DOCTYPE文档类型及浏览器的模式

文章类别:div+css布局 | 发表日期:2008-9-26 11:53:02

  DOCTYPE文档类型经常让新手们困惑,这到底是什么东西。其实这只是一组机器可读的规划,虽然中间包含了文件的URL,但浏览器不会去读取这些文件,只是用于识别。然后决定以什么样的规划去执行页面中的代码。

  DTD是指文档类型定义,它们定义XML、XHTML、HTML的特定的某一个版本中,可以有什么,不可以有什么,在载入网页的时候,浏览器会用既定的声明规划去检查页面的内容,是不是有效,是不是违规,然后采取相应的措施与编码解释文档中的代码。

  我们不去深入的了解它是什么工作的,因为它已经超出了本站的范畴。我们必须知道它是非常必要的!缺少了它,我们的页面就可能出现一些异常的情况。往往一个新手编写了代码,按教程进行操作,没有哪里出现一个字母的偏差,却发现显示出来的样子完全不对了。这里应该检查DOCTYPE文档类型是不是正确。大多能解决问题!

  我们开发符合Web标准的网站,必须要为我们的XHTML指定一种DOCTYPE,否则CSS可能会应用出错。我们了解一下我们常用的几种类型:

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

  过渡的(Transitional):要求非常宽松的DTD,它答应你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">

  严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">

  框架的(Frameset):专门针对框架页面设计使用的DTD,假如你的页面中包含有框架,需要采用这种DTD。完整代码如下:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Frameset//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd\">

  在一般情况下我们选择“过渡的(Transitional)”,这种DTD比较宽松,也比较轻易通过W3C的代码校验,比较适合目前国内的环境与大多数开发人员的水平。当然我们的目标是向着“严格的(Strict)”方向努力。

  除此而外,我们发现在某些文档中,还有另一句代码:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<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\"。假如你还不太理解也不要紧,目前阶段我们只要照抄代码就可以了。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058