HTML中的DOCTYPE需要注意的事情！

在我们使用一些页面设计工具生成页面的时候，往往在页面的开始会生成如下的DOCTYPE信息，那么什么是DOCTYPE？DOCTYPE是文档类型定义，就是规定了在HTML页面中使用什么样的标签是合法的。这些规范是w3c组织制定的，到目前为止有过如下几种DOCTYPE：
1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
这是基于HTML4.0规范，是比较老的一种。
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是XHTML规范，是按照XML语法来规定HMTL文档，与HTML比较，语法要求更加严谨。例如：在标签的属性必须有引号。其中transitional规范要求非常宽松的DTD，它允许继续使用HTML4.01的标识(但是要符合xhtml的写法)。
3、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict规范是要求严格的DTD。
关于这些规范的更加详细的信息请参考www.w3.org。本文想说明一下我在具体项目中遇到的HTML4.0和XHTML问题，以提醒大家注意。
在我们使用一些页面设计工具生成页面的时候，往往在页面的开始会生成如下的DOCTYPE信息，那么什么是DOCTYPE？DOCTYPE是文档类型定义，就是规定了在HTML页面中使用什么样的标签是合法的。这些规范是w3c组织制定的，到目前为止有过如下几种DOCTYPE：
1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
这是基于HTML4.0规范，是比较老的一种。
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是XHTML规范，是按照XML语法来规定HMTL文档，与HTML比较，语法要求更加严谨。例如：在标签的属性必须有引号。其中transitional规范要求非常宽松的DTD，它允许继续使用HTML4.01的标识(但是要符合xhtml的写法)。
3、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict规范是要求严格的DTD。
关于这些规范的更加详细的信息请参考www.w3.org。本文想说明一下我在具体项目中遇到的HTML4.0和XHTML问题，以提醒大家注意。
我想在页面上放置一个漂浮的图片，效果如上图。代码如下：
 <img src="themes/indicators_imgs/3MA_loadingcontent.gif" style="position: fixed; top: 50%; left: 50%" />
。
同样的语句在不同的规范效果不同的，在HTML4.0中没有飘浮的效果，style中的position的fixed不起作用，在XHMTL就可以。 事实上我们很少注意到这两个规范不同，但是就是在页面使用了不同的DTD导致了页面效果的不同。
posted @ 2009-06-22 10:26  516inc  阅读(255)  评论(0)  编辑  收藏  举报