zoukankan      html  css  js  c++  java
  • html标签<!DOCTYPE> (怪异模式和DTD)

    DTD:Document Type Definition

    为了保证向后兼容,浏览器厂商发明了标准模式和怪异模式这两种方法来解析网页。

    如果不显示声明FF会按照标准模式来解析网页,而IE6-8就会触发怪异模式。

    在标准模式中,浏览器根据规范表现页面;而怪异模式通常模拟老式浏览器(比如Microsoft IE4 和Netscape Navigator4)的行为以防止老站点无法工作.这两种模式的差异较大,比较典型的就是IE对盒模型的解析:在标准模式中,网页元素的宽度是由padding/border/width三者的宽度相加决定的;而在怪异模式中,widht本身就包括了padding和border的宽度.此外,标准模式下块级元素的经典的居中方法--设定width,然后margin-right:auto,margin-left:auto; 在怪异模式下也无法正常工作.

    在网页中最常用的DTD类型包括4种:

    (1)用于HTML4.01的严格型:strict

    (2)用于HTML4.01的过渡型:Transitional

    (3)用于XHTML1.0的严格型

    (4)用于XHTML1.0的过渡型

    模式设置:

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

    上面一行是dreamweaver自动生成的,黑体部分就是模式设置,下面是官方解释

    在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。(来自w3c)

    总结:看了几个网站,新浪和亚马逊如上声明,百度和淘宝奇迹般的没有做任何声明。还有很多实用的东西更值得去研究,在网页顶部加上就好了,具体茴香豆的茴有几种写法我就不去深究了!

  • 相关阅读:
    Learning Intents behind Interactions with Knowledge Graph for Recommendation
    php_network_getaddresses: getaddrinfo failed: Name or service not known
    下载低版本Xcode方法
    世界奇妙周刊 第2期
    倒计时 | 7.24 阿里云 Serverless Developer Meetup 杭州站报名火热进行中!
    《网镜》001.生成word勘验报告
    java 常用集合使用方法
    Excel 常用操作
    《世界上最简单的会计书》
    mysql 通过坐标换算距离
  • 原文地址:https://www.cnblogs.com/longze/p/2850212.html
Copyright © 2011-2022 走看看