当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网页制作基础:声明文档类型描述(DTD)

CSS样式表
让图片 div居中实现代码
去掉点击链接时周围的虚线框outline属性
CSS 优先级 详细分析
广告始终定位到网页右下角 css
superLink 让伪链接更有可用性
CSS 模块化 实现方法
css 选择器 介绍
CSS 语法 学习css入门者看
firefox 滚动条消失引起页面抖动的问题
纯CSS定位的固定垂直居中浮动层代码,附经典解说 《详解定位与定位应用》
渲染CSS选择器
CSS 兼容问题
css textarea 高度自适应,无滚动条
CSS 网页表单实现鼠标悬停交互效果
鼠标激活显示背景色网页特效CSS代码
CSS制作用户登录和用户注册的用户体验表单
CSS代码 注释的3种方法
网页头部css代码优化实例
IE7和IE8的兼容性问题
CSS 网页布局网页制作技巧总结

CSS样式表 中的 网页制作基础:声明文档类型描述(DTD)


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

  CSS布局建立符合WEB标准的页面,一直是RuanChen.Com探讨的话题,今天说说声明文档类型描述(DTD)。
  所有的文件需要用文档类型定义(DTD)开始,来告诉浏览器打开页面时应遵循什么规则。 
  当我们使用网页设计工具Dreamweaver 新建网页文档以后,你将会在新文档的首行看到DOCTYPE声明。
  DOCTYPE是文档类型的简写,它定义当前文档的基本类型。即,所有的文件都需要用文档类型定义(DTD)。
  其实DOCTYPE只是一组机器可读的规范,虽然中间包含了文件的URL,但浏览器不会去读取这些文件,仅用于识别,然后决定以什么样的规范去执行页面中的代码。
  "The DOCTYPE goes before the opening html tag at the top of the page and tells   the browser whether the page contains HTML, XHTML, or a mix of both, so that it   can correctly interpret the markup."

  我们常用的4种文档类型,来创建我们的网站 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

  在4种文档类型中:
 
  HTML4.01提供了两种常用的DTD :
  (1).严格型(strict):要求严格的DTD,用户必须使用符合HTML4.01中定义的标签。
  (2).宽松行(loose):要求比较宽松的DTD,与以前的HTML其它版本兼容一些。
  XHTML1.0提供了两种常用的DTD :
  (1).过渡型(transitional):要求非常宽松的DTD,它允许用户继续使用HTML4.01的标签,但是要符合XHTML的写法。
  (2).严格型(strict)


  DTD表示文档类型的定义,它们定义XML,XHTML和HTML的特定的某一个版本中可以有什么,不可以有什么,在载入网页的时候,浏览器会用既定的声明规范去检查页面的内容,是不是有效,然后采取相应的措施与编码解释文档中的代码。 
  对于它们是如何工作的,我们用不着深究,只要知道它们能保证我们开发出标准的网页和保证CSS的正确渲染。
  一般情况下,我建议读者选择过渡型文档类型,这种DTD比较宽松,也比较容易通过W3C的代码校验,比较适合目前国内开发环境和大多数开发人员的水平。
  当我们也要向strict水平发展呀!不过Adobe Dreamweaver CS3/CS4工具中默认的是strict。