css html doctype

为了与可能数量众多的网页维持兼容，现代的网页浏览器一般具有多种渲染模式：
    在“标准模式”(standards mode) 页面按照 HTML 与 CSS 的定义渲染，
    而在“quirks 模式”中则尝试模拟更旧的浏览器的行为。
    一些浏览器（例如，那些基于 Mozilla 的 Gecko 渲染引擎的，或者 Internet Explorer 8 在 strict mode 下）
    也使用一种尝试于这两者之间妥协的“近乎标准”(almost standards) 模式，
    实施了一种表单元格尺寸的怪异行为，除此之外符合标准定义。

    模式之间的差异和示例
       1、在 quirks 模式和标准模式之间一个突出的不同是对 CSS IE盒模型缺陷的处理。
       在第 6 版之前，Internet Explorer 曾经使用一种决定一个元素的盒模型的宽度和高度的，
       与 CSS 规范所指定相冲突的算法，而且由于 Internet Explorer 的流行，
       很多依赖于这种不正确的算法的网页被创建。而在版本 6, Internet Explorer 在标准模式下渲染时使用了 CSS 规范的算法，
       而在 quirks 模式下使用先前的，不规范的算法。

       2、另一个值得一提的不同点是某些行内 (inline) 元素的垂直对齐；
       很多早期的浏览器对齐图片至包含它们的盒子的下边框，
       虽然 CSS 的规范要求它们被对齐至盒内文本的基线。
       标准模式下，基于 Gecko 的浏览器将会对齐至基线，而在 quirks 模式下它们会对齐至底部

       3、此外，很多早期的浏览器对表格内部的字体样式不实施继承；
       结果是，字体样式必须为整个文档作为一个整体指定一次，并且为表格再次指定一次，
       尽管 CSS 规范要求字体样式被继承进表格。
       如果字号使用相对单位指定，一个标准兼容的浏览器会继承基准字号，
       然后应用于表格内的相对字号：
       比如，一个声明了基准字号为 80% 的页面内声明表格为 80% （以保证在不正确继承字号的浏览器中有 80% 的字号）的字号将会，
       在一个标准兼容的浏览器里，显示具有 64% 字号的表格。
       结果是，浏览器在怪异模式典型的不对表格继承字号

    接近标准模式
    1、根据 CSS2 的规范维持了“传统的”表单元格的垂直方向大小调整的叫做“接近标准模式”(almost standards mode)
    或者“严格模式”(strict mode) 的第三种兼容性模式，
    已被在这些浏览器中实施：Safari, Opera 7.5 (和以上),
    所有基于 Gecko (自 1.0.1) 的浏览器（比如 Firefox）和 Internet Explorer 8。
    “接近标准”模式的渲染和“标准”模式除了一点之外，在所有细节上相匹配。
    表单元格内部图片的布局采用和“quirks”模式相同的方式被处理，而不是按照标准，
    这点和例如 Internet Explorer 7 （以及更早）的旧版 (en) 浏览器相当一致。
    这意味着使用表格内图像片的布局在“quirks”或“接近标准”模式下的浏览器中，比起“标准”模式下，更不至于分崩离析。(以下链接详细的解释了处理问题的答案：http://article.yeeyan.org/view/300622/261564)

    触发不同渲染模式
         通常，浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式；
    如果存在一个完整的 DOCTYPE 则浏览器将会采用标准模式，而如果它缺失则浏览器将会采用怪异模式。
    例如，
       1、一个以如下 DOCTYPE 开始的网页将会触发标准模式：
         <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
       2、如下 DOCTYPE 语法上是无效的，因为它包含公共标识符关键字 PUBLIC 却没有公共标识符（指示所用 HTML 版本的名称），
         也没有 HTML 文档类型定义的系统标识符 URL。这将会触发怪异模式：
         <!DOCTYPE html PUBLIC>
       3、此外，一个不含任何 DOCTYPE 的网页将会以 quirks 模式渲染。
       4、此外，一个不含任何 DOCTYPE 的网页将会以 quirks 模式渲染。
        对此一个值得一提的例外是微软的 Internet Explorer 6 浏览器，
        如果 DOCTYPE 之前有一个 XML 声明，不管是否指定完整的 DOCTYPE，它就会以 quirks 模式渲染一个页面。
        因此以如下代码开始的 XHTML 页面会被 IE 6 渲染为 quirks 模式：
        <?xml version="1.0" encoding="utf-8"?>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
       5、如果 DOCTYPE 之前有任何语句，quirks 模式在任何版本的 IE 中（截至 IE 9）同样会被触发。例如，
        如果一个超文本文件在 DOCTYPE 前包含一个注释或者任何标签，IE (截至 9) 会使用 quirks 模式：
        
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
       6、XML 声明的问题在 Internet Explorer 7 中被解决了，在此 XML 声明只是简单的被忽略。

本文参考整理自维基百科链接地址为：http://zh.wikipedia.org/wiki/%E6%80%AA%E5%BC%82%E6%A8%A1%E5%BC%8F

更多关于DOCTYPE 的请访问以下链接：

http://www.ruanyifeng.com/blog/2009/02/basic_html_template_and_css_styling_part_i.html

参阅书籍：

《精通CSS：高级WEB标准解决方案》

个人建议认真读并查维基百科。

添加有用的内容：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

css html doctype

相关推荐