关于<!DOCTYPE>
2013-04-19 17:21
99 查看
View Code
两者的显示区别很明显,当不加<!DOCTYPE>声明时,浏览器按照Quirks Mode来渲染。
所以为了兼容性更加好,注意都加上单位px。
如拖拽效果什么的,如果加了XHTML DOCTYPE声明,但是设置left和top时忘记加上单位,就不会出校效果了。
至于加不加单位,根本在于是否按照W3C标准来进行。即用<!DOCTYPE>的情况下就要用px单位,因为它是按照标准来解析文档的。否则是按照Quirks Mode,可以不加px。
<html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <title>添加了XHTML DOCTYPE声明时设置绝对位置对象需要加单位</title> </head> <body> <div id="dv1" style="border:solid 1px black;width:200px;height:200px;top:200;left:200;position:absolute;"></div> <div id="dv2" style="border:solid 1px black;width:200px;height:200px;top:200px;left:200px;position:absolute;"></div> </body> </html>
两者的显示区别很明显,当不加<!DOCTYPE>声明时,浏览器按照Quirks Mode来渲染。
所以为了兼容性更加好,注意都加上单位px。
如拖拽效果什么的,如果加了XHTML DOCTYPE声明,但是设置left和top时忘记加上单位,就不会出校效果了。
至于加不加单位,根本在于是否按照W3C标准来进行。即用<!DOCTYPE>的情况下就要用px单位,因为它是按照标准来解析文档的。否则是按照Quirks Mode,可以不加px。
相关文章推荐
- 你所未必知道的关于<!DOCTYPE>标签的细节
- 关于 类hashSet<E> hashSet 遍历 hashSet<String>和hashSet<Person>
- 关于asp.net 中执行<script>代码后页面布局变的不正常
- <Xen虚拟化技术>第四章---关于系统调用的权限检查
- 关于maven多模块聚合项目部署等问题--<Jenkins>
- 关于AIR多点触控开发<基础篇>
- HTML之<!DOCTYPE> 标签
- 关于<ul><ol><li>的用法
- Asp.Net MVC<九>:OWIN,关于StartUp.cs
- iOS关于如何让<界面切换逻辑>与<数据业务逻辑>解耦的探讨
- HTML <!DOCTYPE> 标签
- 关于<a href='javascript:function()'>
- 关于 "Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function" 的解决方案
- jsp布局中关于<iframe>标签的使用
- 关于C++ string类的基本操作实验 <一>
- 关于List<T> :Distinct 和 OrderBy 、GroupBy使用简例
- 关于 <customErrors> 标记的“mode”属性设置为“Off”的问题的解决方案
- 在CSS中关于定位的内容是:position:relative | absolute | static | fixed<转>
- 关于<a href='javascript:function()'>的使用
- Struts2标签——关于List<Object[]>的操作