您的位置：首页 > Web前端 > HTML

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

2009-06-22 10:26 183 查看

在我们使用一些页面设计工具生成页面的时候，往往在页面的开始会生成如下的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导致了页面效果的不同。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航