相关文章
网络搜索市场细分 购物搜索推动网络购物进程
网站设计旧貌要换新颜：滚动条大变身
北京网站建设Div+CSS布局应该注重语义、注重代码的重用性
网页设计用Dreamweaver制作网页中的表格
网页设计CSS技巧，像table一样布局div
北京网站设计在PWS上建立WAP网站
北京网站设计JS页内查找关键词的高亮显示
网站建设简体中文GB2312/繁体中文BIG5转换工具
网站建设网页颜色配色
北京网站建设几种个人网页里常用到的特效代码介绍
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> www.qitongnet.com网站制作网页制作知识：XHTML 和 DOCTYPE 切换
www.qitongnet.com网站制作网页制作知识：XHTML 和 DOCTYPE 切换
为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式。Internet Explorer、Mozilla Firefox 和 Opera 全都支持一种名为“DOCTYPE 北京网站建设切换”（也叫“DOCTYPE 嗅探”）的功能。 Chinaz
引入 DOCTYPE 切换的目的是使浏览器能够正确地呈现符合标准的 Web 站点以及旧式 Web 站点。大多数 Web 站点被开发为呈现 HTML 页而不是 XHTML 页。浏览器通过判断是否存在 DOCTYPE 来确定何时应该使用标准来呈现页。
Internet Explorer 6+ 支持两种呈现模式，分别叫做 Quirks 模式和 Standards 模式。当 Internet Explorer 呈现包含有效 XHTML（或 HTML 4.0）DOCTYPE 的页时，它会以 Standards 北京网站制作模式呈现该页；否则，它会以 Quirks模式呈现该页（有关详细信息，请参阅 CSS Enhancements in Internet Explorer 6）。
Chinaz^com
Opera 浏览器 (Opera 7+) 支持与 Internet Explorer 相同的两种呈现模式：Quirks 和 Standards。 Www@Chinaz@com
Mozilla Firefox 1+ 支持三种呈现模式：Quirks 模式、Almost Standards 模式和 Standards 模式。Firefox 的 北京网站设计 Almost Standards 北京网页设计模式对应于 Internet Explorer 和 Opera 的 Standards 模式。当页包含有效的 XHTML 1.0 Transitional DOCTYPE（并且该页被分配为 text/html MIME 类型）时，Firefox 会以 Almost Standards 模式呈现该页。当页包含 XHTML 1.0 Strict 或 XHTML 1.1 DOCTYPE（或者该页被分配为 XML MIME 类型）时，该页将以 Standards 模式呈现。
可以通过临时向页中添加以下客户端脚本（该脚本在最新版本的 网站建设 Internet Explorer、Firefox 和 Opera 中有效）确定浏览器的当前呈现模式。 站.长站
| 以下为引用的内容：网站设计 <script type="text/javascript"> alert( document.compatMode ); </script> |
您需要关心浏览器的呈现模式，因为它会影响将层叠样式表应用于该页的方式。如果将现有 HTML 网站设计页转换为 XHTML 页，那么在浏览器中打开它们时，它们可能看起来非常不同。
例如，Internet Explorer 以不同方式计算页元素的大小，这取决于呈现模式（它使用不同的 CSS Box Model）。在 Quirks 模式下，元素的宽度是通过将元素的内容、内边距、边框和边距相加而计算得到的。在 Standards 模式下，元素的宽度是只考虑元素内容的宽度而计算得到的。
Chinaz@com
例如，考虑下列两个 <div> 标记。 Www_Chinaz_com
| 以下为引用的内容：北京网站制作 <div style="width:400px;border:solid 1px black"> 北京网站建设 站.长站 |
站.长.站
除了第二个 <div> 元素的附加内边距以外，这两个 <div> 元素是相同的。在 Quirks 模式（参见图 2 网页设计）下，这两个 <div> 元素看起来大小相同，因为在计算第二个 <div> 元素的宽度时考虑了它的附加内边距（这两个元素的总宽度为 400px）。在 Standards 模式（参见图 3）下，第二个 <div> 元素看起来要比第一个 <div> 元素宽，因为在计算元素的宽度时未考虑内边距（这两个元素的总宽度大于 400px）。
中.国站长站
2. Quirks 模式
Chinaz
Chinaz.com
3. Standards 模式
Www.Chinaz.com
-----------------------------------------------------------------------------------
Www^Chinaz^com
这只是 Quirks 模式下浏览器差异的一个示例。在 Quirks 模式下，每个浏览器都以相当不同的方式实现 W3C层叠样式表标准。有关切换到 Standards 模式的一个妙处在于，它强制几乎所有现代浏览器以非常类似的方式（不完全相同，但要好得多）解释 W3C标准。
如果希望 Web 页以相同方式出现在所有浏览器中，那么通过包含 XHTML 1.0 Transitional DOCTYPE 触发 Standards 模式（在 Internet Explorer 和 Opera 中）和 Almost Standards 模式（在 Firefox 中）是一个好主意。
上一篇：网站设计学习CSS：我们一起认识CSS闭合浮动元素
下一篇：网站制作网页制作知识：XHTML 和 DOCTYPE 切换