`

HTML4.0的严格模式与混杂模式 ,它们有何区别

阅读更多

不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析,但在某些情况下也会影响到JavaScript的解释执行。

1、文档模式目前有四种:

 

混杂模式(quirks mode) //让IE的行为与(包含非标准特性的)IE5相同 
标准模式(standards mode) //让IE的行为更接近标准行为 
准标准模式(almost standards mode) //这种模式下的浏览器特性有很多都是符合标准的,不标准的地方主要体现在处理图片间隙的时候(在表格中使用图片时问题最明显)。 
超级标准模式: //IE8引入的一种新的文档模式,超级文档模式可以让IE以其所有版本中最符合标准的方式来解释网页内容。

 

2、如何触发文档模式:

触发混杂模式:

如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启混杂模式。但采用混杂模式不是什么值得推荐的做法,因为不同浏览器在这种模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。

触发标准模式:

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

触发准标准模式:

<!-- HTML 4.01 过渡型 -->

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

<!-- HTML 4.01框架集型 -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<!-- XHTML 1.0 过渡型 -->

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

<!-- XHTML 1.0 框架集型 -->

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

IE8中关闭超级标准模式:

<meta http-equiv="X-UA-Compatible" content="IE=7" /> //content属性中IE的值用于指定使用哪个版本的呈现引擎来呈现页面。设计这个值的目的就是为了向后兼容那些专门为老版本的IE设计的站点和页面。

分享到:
评论

相关推荐

    CrystalAngelLee#crystal-interview#Doctype 作用? 严格模式与混杂模式如何区分?它们有何

    ( HTML5 没有严格和混杂之分)区分DTD: Document Type Definition文档包含严格的 DOCTYPE:一般以严格模式呈现包含过渡 D

    利用ARP技术检测网络中混杂模式的节点

    **混杂模式的含义与应用** 混杂模式是网络嗅探和网络安全分析的重要工具。在正常模式下,网卡只接收发送给自己的数据包。但在混杂模式下,网卡会捕获所有通过网络线路上的数据包,无论这些数据包是否针对该设备。...

    混杂模式检测C程序设计

    混杂模式检测程序,输入为一个IP地址段,程序功能是检测这一程序段中的混杂模式主机

    android混杂模式:监听网卡数据demo

    在实际开发中,可以使用如Wireshark等现有的开源工具的Android版本,如Shark for Root,它们已经实现了混杂模式的监听和数据包解析。对于初学者,理解混杂模式和原始套接字的概念,以及如何在Android环境中应用,是...

    检测内网网卡混杂模式

    在网络安全领域,了解和检测内网网卡是否处于混杂模式是至关重要的,因为这可能与非法的嗅探活动或网络安全漏洞有关。 混杂模式通常是用于网络故障排查、数据包分析和安全审计等合法目的。例如,网络管理员可能会...

    基于Linux系统局域网混杂模式网卡的检测与应用.pdf

    基于 Linux 系统局域网混杂模式网卡的检测与应用 Linux 操作系统作为当前最流行的操作系统之一,在局域网中扮演着至关重要的角色。然而,在局域网中存在一个非常大的安全隐患,即嗅探器的存在。嗅探器可以嗅探到...

    研究论文-基于Linux系统局域网混杂模式网卡的检测与应用

    根据提供的文件信息,本文将详细阐述“基于Linux系统局域网混杂模式网卡的检测与应用”相关的知识点。 首先,了解混杂模式是进行网络安全检测和网络分析的基础。在Linux操作系统中,网络接口(网卡)通常工作在“非...

    手把手教你捕获数据包-winpcap-混杂模式设定

    手把手教你捕获数据包-winpcap-混杂模式设定 捕获数据包的实现原理 在通常情况下,网络通信的套接字程序只能响应与自己硬件地址相匹配的或是以广播形式发出的数据帧,对于其他形式的数据帧比如已到达网络接口但却...

    petshop4.0 详解完整版(一至八)

    在PetShop 4.0中,尽管没有采用ORM(对象关系映射),增加了代码量,但这样设计有助于理解基础的数据库操作。 2. **业务逻辑层**:作为系统的核心,包含了与特定业务相关的逻辑,如PetShop中的宠物查询、订单处理和...

    HTML 35道面试题及答案.docx

    本文档总结了 35 道 HTML 面试题及答案,涵盖了 HTML 基础知识、DOCTYPE 的作用、标准模式与混杂模式、HTML5 新特性、浏览器内核、HTML 和 HTML5 的区别等内容。 一、DOCTYPE 的作用 DOCTYPE 是 HTML 文档的声明,...

    Html题目问题已经答案完整版

    2.DOCTYPE声明的作用是什么,严格模式与混杂模式如何区分? &lt;!DOCTYPE&gt;声明位于文档的最前面,处于&lt;html&gt;标签前,告知浏览器的解析器,用声明文档类型规范来解析这个文档。 在严格模式(标准模式)中,浏览器根据规范...

    设计原则与模式

    - **行为型模式**:责任链模式(Chain of Responsibility)、命令模式(Command)、解释器模式(Interpreter)、迭代器模式(Iterator)、中介者模式(Mediator)、备忘录模式(Memento)、观察者模式(Observer)...

    分析网卡工作模式的类型

    3. 直接模式(Direct Model):也称为单播模式,网卡只接收目标MAC地址与自身MAC地址匹配的数据帧。这是网卡的默认工作模式,确保只处理针对自身设备的通信。 4. 混杂模式(Promiscuous Model):在混杂模式下,...

    sniffer 的小例子.rar_ListView_Sniffer_vc6.0_混杂模式

    标题中的"sniffer的小例子.rar_ListView_Sniffer_vc6.0_混杂模式"揭示了这个项目的核心内容。这是一个基于Visual C++ 6.0(vc6.0)开发的网络嗅探器(sniffer)示例,利用混杂模式(promiscuous mode)来捕获网络...

    android 24种设计模式介绍与6大设计原则

    以上设计模式在Android开发中都有广泛的应用,理解并熟练运用它们能帮助开发者写出高效、可复用的代码,提升软件质量。例如,单例模式用于管理应用程序的全局资源,工厂模式用于动态创建对象,观察者模式用于事件...

    前端开发面试题含答案.pdf

    严格模式与混杂模式方面: 1. 如何触发这两种模式 2. 区分它们有什么意义 盒模型方面: 1. 外边距、内边距和边框之间的关系 2. IE8 以下版本的浏览器中的盒模型 块级元素与行内元素方面: 1. 怎么用 CSS 控制...

    esp8266混乱模式实现WIFI探针

    在本文中,我们将深入探讨如何通过ESP8266实现“混乱模式”下的WiFi探针,这是一种用于检测和收集周围WiFi设备MAC地址的技术。 首先,我们需要理解ESP8266的SDK固件。SDK(Software Development Kit)是一组工具,...

    2.1 混杂模式 - Wireshark 数据包分析实战(第 3 版) - 知乎书店1

    然而,这并不总是必要的,如果仅关心与自己主机相关的通信,通常无需开启混杂模式。 在不同类型的网络环境中,嗅探数据包的方法有所不同。在传统的集线器连接网络中,因为所有设备共享同一条物理线路,嗅探相对容易...

Global site tag (gtag.js) - Google Analytics