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问题,以提醒大家注意。
HTML中的DOCTYPE需要注意的事情!
我想在页面上放置一个漂浮的图片,效果如上图。代码如下:
 <img src="themes/indicators_imgs/3MA_loadingcontent.gif" style="position: fixed; top: 50%; left: 50%" />
同样的语句在不同的规范效果不同的,在HTML4.0中没有飘浮的效果,style中的position的fixed不起作用,在XHMTL就可以。 事实上我们很少注意到这两个规范不同,但是就是在页面使用了不同的DTD导致了页面效果的不同。
上一篇:JS脱敏带表情的字符串


下一篇:vue子组件传父组件