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导致了页面效果的不同。

时间: 2024-09-21 19:16:04

HTML中的DOCTYPE需要注意的事情!的相关文章

在生产环境中使用Docker必须注意的事情

本文讲的是在生产环境中使用Docker必须注意的事情,[编者的话]本文以最近非常火的希特勒怒喷Docker的视频为线索,详细分析了Docker存在的一些问题和弱点,以及在生产环境中使用Docker所要注意的方面.这些问题包括隔离性.镜像安全.Docker缺省配置.发布及部署:文章的最后分析了微软最近在容器支持方面的动作. 我们不能否认Linux容器是一个非常强大的概念,它组合了众多优秀的Linux内核功能和Docker开源工具,任何背景知识的开发者都很容易使用. 在2016年容器峰会上,Brya

多系统交互中DBA该确认的一些事情

最近碰到这样一个问题,类似下面的架构形式. 目前应用1是一个另外一个网段的系统,负责一块业务,而应用2是目前我所负责的数据库所在的环境里. 现在因为业务需要,需要从应用1来推送一部分数据到应用2,只在一段时间推送,一段时间过后,就不再需要推送了. 最开始是两个应用team在商量这件事情,结果讨论来讨论去,发现没有DBA参与还搞不定,还好我介入也不算晚. 对于这种问题,其实整体难度来说不大,但是集成的事情很容易有各种不明确的地方,所以自己也从DBA的角度提了几点要求. 大体的需求是应用1需要推送一

HTML5中&lt;!DOCTYPE&gt;标签的定义和用法

  HTML 5 <!DOCTYPE> 标签 定义和用法 <!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前.该标签告知浏览器文档所使用的 HTML 规范. doctype 声明不属于 HTML 标签:tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本. 在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型. HTML 4.01 中的 doctype 需要对 DTD 进行引用

Doctype详细说明

DOCTYPE声明的写法遵循一定的规则,它指出阅读程序应该用什么规则集来解释文档中的标记. DOCTYPE不可怕,但把它拿走,会让你怕了又怕. 最近在蓝色理想转悠,发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题.怎么问的都有,结果就是一个--显示很奇怪,很难调整.我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声明,但是很多人没有注意它,甚至在创作时候直接将它删掉,其实这往往就是噩梦的开始.在遵循标准的任何Web文档中

交互设计经验:设计过程中存在太多的矛盾

文章描述:交互设计经验:设计过程中存在太多的矛盾. 在产品团队中经常听到有人表态:"我们要做简洁的用户界面",同时又有另外一种声音传来:"我们要做功能强大的产品".乍一听,简洁意味着用户界面控件精炼,然而少数的交互方式如何表达各类强大的功能?反之,强大意味着功能丰富强劲,必然拥有错综复杂的联系,如何让其界面保持简洁?两者似乎无法共存,这让我突然想到自相矛盾的故事,楚国商人夸耀自己的矛锐利万分,同时自己的盾又坚固无比, "以子之矛,陷子之盾,何如?"

Dreamweaver网页中实用的制作技巧

dreamweaver|技巧|网页 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Sty

Dreamweaver中方便快捷的技巧和方法

dreamweaver|技巧 1.灵活运用样式  熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Sty

网页设计中实用的制作技巧

我们知道一个网页要想获得更多的回头率,一个非常重要的一条就是要不断更新. 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法非常多,我们能单击鼠标右键选择Custon Style来调用Style标准,也能在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似相同,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽

.NET中的特殊类型成员

.NET中的特殊类型成员 ----微软 .NET平台系列文章之三 译文/赵湘宁 在前面的两篇文章中,我们研究了类型的基础知识.本文我们将考察类型能定义的某些特殊成员.在大力简化处理类型及其对象实例需要的语法方面,这些类型有助于面向对象设计. 类型构造器 你已经熟悉了什么是构造器,它负责对象实例状态的初始化.除了实例构造器以外,Microsoft(r).NET公共语言运行时(CLR)还支持类型构造器(也叫做静态构造器.类构造器或类型初始化).类型构造器可被应用到接口,类和数值类型.它允许任何在类型