css html doctype

怀抱清风 2013-05-14

为了与可能数量众多的网页维持兼容,现代的网页浏览器一般具有多种渲染模式:
    在“标准模式”(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 模式:
        <!-- This comment will put IE 6, 7, 8, and 9 in quirks mode -->
        <!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">

相关推荐

aSuncat / 0评论 2020-08-18