美文网首页
不可忽视的DOCTYPE

不可忽视的DOCTYPE

作者: 俗三疯 | 来源:发表于2017-10-15 19:01 被阅读120次

    DOCTYPE的作用

    • DOCTYPE能告诉浏览器使用哪种html或者xhtml规范来解析文档,其中引入的dtd文件包含了标记、attributes、properties、约束规则,浏览器根据此规范来解析html文档。
    • 另外DOCTYPE还会对浏览器的渲染模式产生影响,不同的渲染模式会影响浏览器对CSS、Javascript脚本的解析方式。

    DOCTYPE的格式

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    DOCTYPE由5部分构成
    • 字符串 ”!DOCTYPE“
    • 根元素通用标识符 ”html“
    • 字符串 “PUBLIC”
    • 被引号括起来的公共标识符(publiciId)
    • 被引号括起来的系统标识符(systemId)
    共3中dtd文件
    • 要求严格的DTD(XHTML Strict DTD)
      不能使用任何表现层的标识和属性(都交给CSS来实现),如<br>,因此整个html结构看起来非常干净,严谨
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    • 要求宽松的过渡DTD(XHTML Transitional DTD)
      允许你继续使用HTML4.01的标识
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    • 使用框架的DTD(XHTML Frameset DTD)
      当你希望使用框架时,使用此DTD
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    
    两种渲染模式
    • BackCompat:标准兼容模式未开启(又称怪异模式、混杂模式)
    • CSS1Compat:标准兼容模式已开启(严格模式)

    混杂模式能保证古董页面的正常渲染,让页面往后兼容,因此各浏览器之间表现出的差异将会最大化,标准模式就是现在说的w3c标准模式,式对统一标准实现最好的模式,它要求标签必须闭合,不能使用已经废弃的标签等等。

    触发混杂模式的情况

    • 不写文档类型头<!DOCTYPE html>
    • 写了文档类型头,但没选择能触发混杂模式的dtd文件
    201202291109512536.gif

    参考内容:http://www.cnblogs.com/shishm/archive/2012/02/29/2373080.html

    相关文章

      网友评论

          本文标题:不可忽视的DOCTYPE

          本文链接:https://www.haomeiwen.com/subject/lfucuxtx.html