评论：用doctype激活浏览器模式 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/ WEB Design{HTML:CSS:Javascript:DOM:AJAX:PHP:Usability}/Viewpoint/Photo/Food/Mood Sat, 13 Mar 2010 07:52:42 +0000 http://wordpress.org/?v=2.9.2 hourly 1 来自：用doctype激活浏览器模式 « theU0net.Blog http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-227911 用doctype激活浏览器模式 « theU0net.Blog Wed, 03 Mar 2010 16:16:23 +0000 http://dancewithnet.com/?p=1457#comment-227911 [...] 对application/xhtml+xml的简单指南是绝不使用doctype。该方式下的网页不是“严格一致”的XHMTL1.0，但这并不重要。（请看后面的附录） [...] [...] 对application/xhtml+xml的简单指南是绝不使用doctype。该方式下的网页不是“严格一致”的XHMTL1.0，但这并不重要。（请看后面的附录） [...]

]]> 来自：Isunlife's Blog » 选择什么样的Doctype？ http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-227887 Isunlife's Blog » 选择什么样的Doctype？ Wed, 03 Mar 2010 12:23:27 +0000 http://dancewithnet.com/?p=1457#comment-227887 [...] 在做一个口碑专题html的时候，问同事拿了一个模板，一下是模板源码： <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>专题名字-口碑网</title> <meta name="Keywords" content="需要填写关健字..." /> <meta name="Description" content="需要填写描述，110个字符之内..." /> <meta http-equiv="X-UA-Compatible" content="ie=Edge" /> <link rel="stylesheet" type="text/css" href="http://k.kbcdn.com/global/base/base_4_2_20.css" /> <style> /*这里直接写样式*/ </style> </head> <body> <div class="yui-d0f"> <script src="http://www.koubei.com/CMS/headers/wrap/js_header.jsp?withCss=1&type=mini" type="text/javascript" charset="gbk"></script> </div> <!--content--> <div class="yui-d0f"> <div class="yui-d2f"> </div> </div> <!--content end--> <div class="yui-d2f"><script type="text/javascript" src="http://www.koubei.com/CMS/headers/new/js_footer.jsp" charset="gbk"></script></div> <!--script src="http://k.kbcdn.com/global/utilities/utilities_1_4_8.js"></script--> </body> </html> 其中第一行是这么写的：然后依次看了下口碑，淘宝，阿里，支付宝，阿里软件，阿里妈妈，百度，新浪，搜狐，Google，Yahoo等其中口碑，淘宝，支付宝，阿里，百度，Google的list页面，均使用新浪，搜狐，阿里妈妈，阿里软件，Yahoo等没有使用，淘宝和支付宝均在今年改版为似乎一时成了最流行的写法，简单，而且兼容性也不错。便更深入的了解了下doctype1.什么是DOCTYPEDOCTYPE是document type(文档类型)的简写，要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。参考文章：1.三七的用doctype激活浏览器模式 原文Activating Browser Modes with Doctype2.新首页开发PPT详解 —— HTML规范3.html5 doctype与图片多余空白4.Doctype和渲染模式对照表 [...] [...] 在做一个口碑专题html的时候，问同事拿了一个模板，一下是模板源码： <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>专题名字-口碑网</title> <meta name="Keywords" content="需要填写关健字…" /> <meta name="Description" content="需要填写描述，110个字符之内…" /> <meta http-equiv="X-UA-Compatible" content="ie=Edge" /> <link rel="stylesheet" type="text/css" href="http://k.kbcdn.com/global/base/base_4_2_20.css" /> <style> /*这里直接写样式*/ </style> </head> <body> <div class="yui-d0f"> <script src="http://www.koubei.com/CMS/headers/wrap/js_header.jsp?withCss=1&type=mini" type="text/javascript" charset="gbk"></script> </div> <!–content–> <div class="yui-d0f"> <div class="yui-d2f"> </div> </div> <!–content end–> <div class="yui-d2f"><script type="text/javascript" src="http://www.koubei.com/CMS/headers/new/js_footer.jsp" charset="gbk"></script></div> <!–script src="http://k.kbcdn.com/global/utilities/utilities_1_4_8.js"></script–> </body> </html> 其中第一行是这么写的：然后依次看了下口碑，淘宝，阿里，支付宝，阿里软件，阿里妈妈，百度，新浪，搜狐，Google，Yahoo等其中口碑，淘宝，支付宝，阿里，百度，Google的list页面，均使用新浪，搜狐，阿里妈妈，阿里软件，Yahoo等没有使用，淘宝和支付宝均在今年改版为似乎一时成了最流行的写法，简单，而且兼容性也不错。便更深入的了解了下doctype1.什么是DOCTYPEDOCTYPE是document type(文档类型)的简写，要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。参考文章：1.三七的用doctype激活浏览器模式 原文Activating Browser Modes with Doctype2.新首页开发PPT详解 —— HTML规范3.html5 doctype与图片多余空白4.Doctype和渲染模式对照表 [...]

]]> 来自：肉山 » Blog Archive » Doctype之说 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-224316 肉山 » Blog Archive » Doctype之说 Tue, 05 Jan 2010 01:17:24 +0000 http://dancewithnet.com/?p=1457#comment-224316 [...] P.S.附上doctype激活浏览器渲染模式的详细学习资料：http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/ [...] [...] P.S.附上doctype激活浏览器渲染模式的详细学习资料：http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/ [...]

]]> 来自：zhouqi http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-223668 zhouqi Wed, 23 Dec 2009 14:04:24 +0000 http://dancewithnet.com/?p=1457#comment-223668 <blockquote>不幸的是，没有 X-UA-Compatible的HTTP头或meta标签，即使使用了合适的doctype，IE8让用户无意间使页面从IE8的标准模式降到IE7模式，这是一种仿真的IE7标准模式。</blockquote> <code></code> 为什么我测试的时候（用的条件注释），IE8显示的IE8，而不是IE7？ 另外问个不怎么相关的问题，IEtab到底用了谁的内核？我系统IE是8，但是有时候表现出来什么情况都有，比如这次测试用IEtab就是显示IE7，反而跟文中说的一样，很不解～ 早看到这一系列doctype的文章就好了...

不幸的是，没有 X-UA-Compatible的HTTP头或meta标签，即使使用了合适的doctype，IE8让用户无意间使页面从IE8的标准模式降到IE7模式，这是一种仿真的IE7标准模式。


为什么我测试的时候（用的条件注释），IE8显示的IE8，而不是IE7？

另外问个不怎么相关的问题，IEtab到底用了谁的内核？我系统IE是8，但是有时候表现出来什么情况都有，比如这次测试用IEtab就是显示IE7，反而跟文中说的一样，很不解～

早看到这一系列doctype的文章就好了…

]]> 来自：对DOCTYPE的一点认识 - ILoveJS http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-223246 对DOCTYPE的一点认识 - ILoveJS Thu, 17 Dec 2009 16:50:30 +0000 http://dancewithnet.com/?p=1457#comment-223246 [...] 推荐阅读：《用doctype激活浏览器模式》，《HTML和XHTML的不同》，《XHTML1.1标签列表、属性和嵌套规则》，《HTML文档中小meta的大作用》。 [...] [...] 推荐阅读：《用doctype激活浏览器模式》，《HTML和XHTML的不同》，《XHTML1.1标签列表、属性和嵌套规则》，《HTML文档中小meta的大作用》。 [...]

]]> 来自：Doctype之谜 | IdeaoR--理想者 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-218802 Doctype之谜 | IdeaoR--理想者 Sat, 31 Oct 2009 04:02:46 +0000 http://dancewithnet.com/?p=1457#comment-218802 [...] [5] 用doctype激活浏览器模式 [...] [...] [5] 用doctype激活浏览器模式 [...]

]]> 来自：华晨 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-216870 华晨 Fri, 25 Sep 2009 14:05:11 +0000 http://dancewithnet.com/?p=1457#comment-216870 很多时候加了这个css样式就能统一了 很多时候加了这个css样式就能统一了

]]> 来自：tree http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-216327 tree Fri, 18 Sep 2009 07:01:16 +0000 http://dancewithnet.com/?p=1457#comment-216327 够了！！！ 我不得不收藏你的网站了！！！ 抓狂 够了！！！ 我不得不收藏你的网站了！！！ 抓狂

]]> 来自：天堂左我往右 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-215142 天堂左我往右 Tue, 08 Sep 2009 09:17:32 +0000 http://dancewithnet.com/?p=1457#comment-215142 好大的文章...晕中... 好大的文章…晕中…

]]> 来自：枫芸志 » clientHeight、offsetHeight、scrollHeight对比测试分析 http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/comment-page-1/#comment-212915 枫芸志 » clientHeight、offsetHeight、scrollHeight对比测试分析 Sat, 29 Aug 2009 13:34:58 +0000 http://dancewithnet.com/?p=1457#comment-212915 [...] 要保证浏览器兼容，建议是采用XHTML 1.1，这样便可以使用document.body.clientHeight或document.body.offsetHeight获得页面的实际高度，使用document.documentElement.clientHeight获得内容可视区域的高度。因为HTML 5标准并没有被所有主流浏览器全部支持，所以暂不推荐使用，当然这将是未来的发展趋势。最后，关于doctype的知识建议学习下《用doctype激活浏览器模式》。 [...] [...] 要保证浏览器兼容，建议是采用XHTML 1.1，这样便可以使用document.body.clientHeight或document.body.offsetHeight获得页面的实际高度，使用document.documentElement.clientHeight获得内容可视区域的高度。因为HTML 5标准并没有被所有主流浏览器全部支持，所以暂不推荐使用，当然这将是未来的发展趋势。最后，关于doctype的知识建议学习下《用doctype激活浏览器模式》。 [...]

]]>