HTML中的DOCTYPE需要注意的事情!
2009-06-22 10:26
281 查看
在我们使用一些页面设计工具生成页面的时候,往往在页面的开始会生成如下的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问题,以提醒大家注意。
![](http://imgqun.qq.com/cgi-bin/img?path=35839596_1_1245636972_0)
我想在页面上放置一个漂浮的图片,效果如上图。代码如下:
<img src="themes/indicators_imgs/3MA_loadingcontent.gif" style="position: fixed; top: 50%; left: 50%" />
。
同样的语句在不同的规范效果不同的,在HTML4.0中没有飘浮的效果,style中的position的fixed不起作用,在XHMTL就可以。 事实上我们很少注意到这两个规范不同,但是就是在页面使用了不同的DTD导致了页面效果的不同。
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导致了页面效果的不同。
相关文章推荐
- HTML中的DOCTYPE需要注意的事情!
- java积累(二)----freemarker把jsp页面转换成html需要注意的地方---freemarker的坑
- 发外链需要注意的事情有哪些
- 移动端开 发需要注意的一些事情
- swing编程的一些需要注意的事情
- 大数据系统-在硬盘上需要注意的事情
- 大数据系统-在硬盘上需要注意的事情
- 离职前需要注意的事情?
- Android中动态添加控件需要注意的事情
- HTML 几个需要注意的地方
- Unreal 入门-VR 游戏中需要注意的事情
- 从UIL库谈Android图片加载中需要注意的事情
- oracle设置process需要注意的事情
- Exchange 2007 安装完后需要注意的几件事情
- 使用java.lang.Process类时需要注意的事情
- tomcat server.xml context path配置需要注意的事情
- 开发asp.net网站时需要注意的事情
- [网页设计]符合w3c标准的html标准需要注意的地方
- 大数据系统-在硬盘上需要注意的事情
- 大数据系统-在硬盘上需要注意的事情