`
chinachuner
  • 浏览: 64751 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

用doctype激活浏览器模式

阅读更多

http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/

为了处理根据Web标准创作的网页和根据在20世纪90年代末流行的陈旧实践创作的网页,现代的Web浏览器实现了各种不同的引擎模式。本文说明了那些模式是什么以及如何触发它们。

原文:Henri SivonenActivating Browser Modes with Doctype2009.05.19

文档范围

本文包括的模式转换(mode switching)适用于Firefox和其他基于Gecko的浏览器,Safari、Chrome和其他基于Webkit的浏览器,Opera、 Konqueror、Mac版Internet Explorer、Windows版Internet Explorer和内嵌IE的浏览器。避免提及浏览器引擎的名字,取而代之的是使用该引擎最知名浏览器的名字。

本文着重介绍模式的选择机制,而不是记录每个模式的确切行为。

模式

以下是各种不同的模式:

内容类型为text/html的模式

text/html内容的模式选择取决于doctype嗅探(doctype sniffing,本文后面有讨论)。在IE8中,模式也取决于其他因素。然而在IE8的默认情况下,那些不在微软提供黑名单上的非局域网(non- intranet)站点的模式取决于文档类型。

再怎么强调每个浏览器中模式精确行为的不同也是不过分的,即使本文中进行了统一的讨论。

怪癖模式(Quirks Mode)
怪癖模式中,为了避免“破坏”那些根据在20世纪90年代末流行的实践创作的页面,浏览器违反了现代的Web格式规范。不同的浏览器实现了不同的怪癖行为。Internet Explorer6、7和8中,怪癖模式有效地冻结在IE5.5 。其他浏览器中,怪癖模式是对准标准模式的少量偏移。
如果正在创作新网页,你应该符合相关的规范(特别是CSS2.1)且使用标准模式。
标准模式(Standards Mode)
标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。
不同的浏览器遵循不同的阶段,所以标准模式也不是一个单一目标。
HTML5把这种模式叫“非怪癖模式(no quirks mode)”
准标准模式(Almost Standards Mode)
irefox、Safari、Chrome、Opera(从7.5开始)和IE8也有个叫“准标准模式”的模式,它按照传统的做法来实现表格单元格的垂直尺寸而不是严格的遵照CSS2规范。Mac IE5、Windows IE6和7、Opera7.5以前版本和Konqueror无需准标准模式,因为它们至少没有在各自的标准模式下严格遵循CSS2规范来实现表格单元格垂直尺寸。实际上,它们的标准模式更接近Mozilla的准标准模式而不是Mozilla的标准模式。
HTML5把这种模式叫着“受限怪癖模式(limited quirks mode)”。
IE7模式
IE8有个模式主要是冻结了IE7标准模式的副本。其他浏览器没有像这样的模式,且该模式也未被HTML5指定。

内容类型为application/xhtml+xml的模式(XML模式)

Firefox、Safari、Chrome和Opera中,application/xhtml+xml HTTP内容类型(不是meta元素也不是doctype!)会触发XML模式。在XML模式中,浏览器尝试给XML文档在规范上的正确处理达到在制定浏览器中的程度。

IE6、7和8不支持application/xhtml+xml,Mac IE5也如此。

基于WebKit的Nokia S60 浏览器中,application/xhtml+xml HTTP内容类型不能触发XML模式,因为在移动的围墙花园(mobile walled gardens)中关注点是对不规范内容的兼容性。(旧式的“移动浏览器”无法使用真正的XML解析器,因为不规范内容已被标记为XML。)

由于没有充分地测试Konqueror,我无法确切说出在这个浏览器中会发生什么。

非Web模式(Non-Web Modes)

某些引擎拥有的模式与Web内容无关。为了完整性,它们仅仅在这里被提到。Opera有个WML2.0模式。Leopard上的WebKit有个用于旧式Dashboard widgets的特定模式。

影响

以下是这些模式的主要影响:

布局

text/html的模式主要是影响CSS布局。例如,表格不继承样式是个怪癖。在某些浏览器的怪癖模式下,盒模型(box model)变成IE5.5的盒模型。本文档没有列举出所有的布局怪癖。

准标准模式(有这种模式的浏览器中)中,仅包含图片的表格单元格的高和标准模式中不同。

XML模式中,选择器有不同的区分大小写行为。此外,用于HTML body元素的特有规则不能应用在那些没有实现最新CSS2.1改变的较旧版本的浏览器。

解析

也有一些怪癖影响HTML和CSS的解析且会导致符合标准的网页被错误解析。怪癖布局决定了这些怪癖是否开启。无论如何,了解怪癖模式和标准模式在CSS布局和解析(非HTML解析)上的主要异同是非常重要的。

一些人错误地把标准模式称为“严格解析模式(strict parsing mode)”,其让人误解了浏览器强制执行HTML语法规则和用浏览器评估标记的正确性。情况并非如此。即使当标准模式布局生效时,浏览器依旧会做标签杂烩汤(tag soup,http://en.wikipedia.org/wiki/Tag_soup)修正工作。(在2000年Netscape6发布前,Mozilla的确有用于强制执行HTML语法规则的解析模式。这些模式和现有的Web内容不兼容而被遗弃。)

另一个常见的误解是关于XHTML解析的。通常认为用XHTML doctype得到不同的解析。其实并非如此,内容类型是text/html的XHTML文档所用解析器和HTML文档的是同一个。目前浏览器在意的是文档类型为text/html的XHTML仅是“撒面包丁的标签杂烩汤(tag soup with croutons)”(到处是额外的斜线)。

仅当使用XML文档类型的文档(例如:application/xhtml+xml或xmapplication/)会触发XML模式来解析,这时的解析器完全不同于HTML解析器。

脚本

虽然怪癖模式主要是关于CSS的,但也有一些是关于脚本的。例如,Firefox的怪癖模式中,HTML id 属性像在IE一样建立了全局脚本作用域的对象引用。IE8中关于脚本的影响比其他浏览器更值得关注。

XML模式中,某些DOM API的行为彻底不同,因为XML的DOM API行为被定义时不兼容HTML的行为。

doctype嗅探(也叫doctype转换)

现代浏览器使用doctype嗅探来决定text/html文档的引擎模式。这意味着模式的选择是基于HTML文档开始的文档类型声明(或缺少)。(这不适于使用XML文档类型的文档。)

文档类型声明(doctype)是SGML的语法伪造,SGML是个旧式的标记框架,HTML5之前的HTML就是依据其定义的。HTML4.01规范中,文档类型声明描述的是HTML的版本信息。尽管名字叫“文档类型声明”且HTML 4.01规范所描述的是关于“版本信息”,文档类型声明并不适用把SGML或XML文档分类为特定类型的文档,即使它看起来像是(因为名字)。(更多内容在附录中

HTML4.01规范和ISO 8879(SGML)都没有说关于使用文档类型声明作为引擎模式转换的任何事情。doctype嗅探是基于观察,在doctype嗅探被设计时,绝大部分的怪癖文档既没有文档类型声明也没有引用旧的DTD。HTML5接受这个事实,且定义了text/html中doctype作为唯一的模式转换。

典型的预HTML5(pre-HTML5)文档类型声明包含(被空白分开)“<!DOCTYPE”字符串,根元素(“html”)的通用标识符, “PUBLIC”字符串,处于引号中的DTD公共标识符,同一DTD的可能系统标识符(URL)和字符 “>”。文档类型声明位于文档的根元素开始标签之前。

选择doctype

text/html

下面是创建新的text/html文档时如何选择doctype的简单指南:

标准模式,最前沿的验证
<!DOCTYPE html>
如果想验证诸如<video><canvas>和ARIA这样的新特性,那么这样做是对的。注意,HTML5的有效定义依旧在变化中,请确保在Firefox、Safari、Chrome、Opera9或Opera10中测试图像对齐。在Internet Explorer中测试图像对齐是不足够的,无论如何请确保在IE8中也进行了测试。
标准模式,更稳定的验证目标
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
这个doctype也会触发标准模式,且10岁大的HTML4.01有效定义是稳定的。请确保在Firefox、Safari、Chrome、 Opera9或Opera10中测试图像对齐。在Internet Explorer中测试图像对齐是不足够的,无论如何请确保在IE8中也进行了测试。
要使用标准模式,但仍要验证不推荐标记或在表格布局中使用切片图像且不想去修复它们。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
它会触发准标准模式(和老掉牙的Mozilla中的完全标准模式full Standards mode)。请注意,如果以后移植到HTML5上,基于利用表格实现的切片图像的布局可能会被破坏(且完整标准模式也如此)。
故意要使用怪癖模式
没有doctype。
请别这样做。故意为怪癖模式所做的设计将会困扰你,在将来你的同事或继任者甚至没有人关心Windows IE6(Netscape4.x和IE5已经没有人关心了)。为怪癖模式设计是个坏主意。相信我。
如果你想依旧支持Windows IE6,对它做一个特别的hack使用条件注释比使其他浏览器退步到怪癖模式好。

我不推荐任何的XHTML doctype,因为XHTML被用作text/html被认为是有害的。无论如何,如果你选择使用XHTML doctype,请注意XML声明会使IE6(但不是IE7!)触发怪癖模式。

application/xhtml+xml

对application/xhtml+xml的简单指南是绝不使用doctype。该方式下的网页不是“严格一致”的XHMTL1.0,但这并不重要。(请看后面的附录

IE8 并发症

A List Apart 曾介绍 ,IE8除doctype外会使用基于meta元素的模式转换作为模式选择的因素之一。(请看Ian HicksonDavid BaronDavid Baron againRobert O’Callahan 和 Maciej Stachowiak的评论。)

IE8有4种模式:IE5.5怪癖模式、IE7标准模式、IE8 准标准模式 和IE8标准模式。模式的选择取决于来自几个方面的数据:doctype、meta元素、HTTP头、来自微软的定期下载数据、局域网域、用户所做设置、局域网管理员所做设置、父框架的模式(如果有)和地址栏兼容视图按钮被用户触发。(对于嵌入该引擎的其他应用,模式也取决于嵌入的应用。)

幸运的是如果出现下列情况,IE8大体上会像其他浏览器一样使用doctype嗅探:

  • 作者没有设置X-UA-Compatible HTTP头
  • 作者没有设置X-UA-Compatible meta标签
  • 微软没有在黑名单中放置该站点的域名
  • 局域网管理员没有把该站点放置到黑名单
  • 用户没有按下兼容视图按钮(Compatibility View button) (或以其他方式添加到某个特定的用户黑名单中)
  • 该站点不在局域网域中
  • 用户没有选择在IE7中显示所有站点
  • 页面没有通过frame嵌入到兼容模式的页面中

上述除两个关于X-UA-Compatible的情况外,IE8像IE7一样执行doctype嗅探。IE7仿真( IE7 emulation)叫兼容视图。

在 X-UA-Compatible 情况下,IE8的行为和其他浏览器完全不同。想看本页的附录PDFPNG格式的流程图。

不幸的是,没有 X-UA-Compatible的HTTP头或meta标签,即使使用了合适的doctype,IE8让用户无意间使页面从IE8的标准模式降到IE7模式,这是一种仿真的IE7标准模式。更糟糕的是,局域网管理员也可以这么做。微软也可以把你所用的所有域名到列入黑名单。

为了对付这些影响,doctype是不够的,你需要X-UA-Compatible HTTP头和meta标签。

下面的简单指南是针对已经有doctype在其他浏览器触发标准模式或者准标准模式的新的text/html文档如何选择X-UA-Compatible HTTP头或meta标签的:

你的域名没有在微软的黑名单上,你更关注是没有浏览器专属的令人讨厌的东西而不是确保用户无法回退去呈现IE7的行为。
你不需要包括X-UA-Compatible HTTP头或meta标签。
你的域名在微软的黑名单中,由于你域名中的其他作者破坏了站点或许导致用户对整个域启用了兼容视图,你担心Google或Digg用frame嵌入你的站点或你想确保用户无法使用兼容视图
首先,在你的页面包含后面的meta元素(它在HTML5中是非法的) <meta http-equiv="X-UA-Compatible" content="IE=Edge"> (在任何脚本元素前),或者设置后面的HTTP头:X-UA-Compatible: IE=Edge
你的站点在IE7中工作但在IE8中破坏
首先,在你的页面包含后面的meta元素(它在HTML5中是非法的)(在任何脚本元素前),或者设置后面的HTTP头: X-UA-Compatible: IE=EmulateIE7,然后修复你的站点不依赖非标准的IE7行为和迁移到IE=Edge。

相关链接

补遗:对XML的实现者和规范作者的恳求

请不要把doctype嗅探带到XML。

doctype嗅探是用签杂烩汤似的方法解决一个标签杂烩汤问题。doctype嗅探是在HTML4和CSS2规范发布后设计的一种试探方法,它从文档中区分出过时文档以符合其作者可能期望的行为。

偶尔有人建议在XML上使用doctype嗅探来调度不同的处理、识别正在使用的词汇表或激活特性。这是个坏主意。调度和词汇表识别应该是基于名字空间的,而特性激活应该是基于明确的处理指令或元素。

良构(well-formedness)的整个思想是介绍允许XML的无DTD解析,且推广无doctype文档。在正式情况下,两个XML文档有相同的规范形式且应用不同地处理它们(且不同之处并非因为没有选择处理外部实体),这个应用或许被破坏了。在实践情况下,如果两个XML文档导致同样的内容被报告(qnames忽略)给SAX2内容处理器且应用不同地处理文档,这个应用或者被破坏了。考虑到作为 Web作者无法相信每个人都会使用解决额外实体的XMLprocessor来解析其页面(即使一些浏览器看起来这样做,因为它们会映射一定公共的标识符到一个有删节的定义实体的DTD),插入doctype到XML中用于Web是毫无意义的且通常会导致货运崇拜(cargo cultish)习惯。(您仍然使用W3C验证器的DTD覆盖功能来对一个DTD进行验证,虽然W3C验证器会说结果仅仅是暂时有效。或更好的是,你可以用放宽NG验证,它不会污染模式引用的文档。)为了嗅探而要求doctype是非常愚蠢的,即使那是在HTML实践中的解决方法。

此外,当低级别的规范定义两个相等的东西时,高级别的规范不应该尝试给它们不同的含义。请考虑<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">。如果删除公共标识符,依旧指定了同样的DTD,因此doctype <!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">表示和前面的doctype一样。应该不同地嗅探它们么?可以进一步理论。假设复制给example.com一个叫foobar.dtd的DTD:<!DOCTYPE html SYSTEM "http://example.com/foobar.dtd">。这该如何嗅探?应该是同一个意思。甚至整个DTD可以贴在文档中。

换句话说,如果有#include “foo.h”,你不应该给名字foo.h绑定任何black magic,因为它应该允许复制foo.h的内容到文档中或复制foo.h到bar.h中且表示#include “bar.h”。

我不担心HTML和SGML构造相同的参数的原因是Web浏览器不会使用真正的SGML解析器去解析HTML,所以我认为伪装成SGML进行处理是没有用的。无论如何,如果你还不相信,请看W. Eliot Kimber关于此事的文章 comp.text.sgml

附录:text/html中一些doctype的处理方式

下表中,怪癖模式、标准模式和准标准分别表示为Q、S和A。当浏览器仅有两种模式时,如果表格单元格的行高和Mozilla的标准模式表现一致时,标准模式标记为“S”,如果表格单元格的行高和Mozilla的准标准模式表现一致时,则标记为“A”。

请注意使用XML内容模型提供服务的XHTML在XML模式下渲染。

本表的目的并不是说表中所有的doctype都是新建页面的合理选择。本表的目的是为了展示我的推荐是依据什么样的数据。

下列的简写符号是用于列标题:

NS6
Mozilla 0.6…0.9.4 和 Netscape 6.0…6.2.3
Old Moz
Mozilla 0.9.5 到 1.1 alpha 和 Mozilla 1.0
Moz & Safari & Opera 10 & HTML5
Mozilla 1.0.1, Mozilla 1.1 beta和更高版本, Firefox 到 Netscape 7, Safari 0.9 到 Safari 4.0 beta, Opera 10, Chrome, Konqueror 3.5, HTML5指定的行为
Opera 9.0
Opera 9.0…9.20
IE 8 & Opera 9.5
无 X-UA-Compatible和兼容模式覆盖的默认IE8(该情况下“A”意味着IE8准标准模式)、 Opera 7.5…8.54 和 9.5…9.6
IE 7 & Opera 7.10
IE7、兼容模式且无X-UA-Compatible覆盖的IE8(这种情况下“A”意味IE7模式)和Opera 7.10…7.23
IE 6 & Opera 7.0
Windows IE 6 和 Opera 7.0…7.03
Mac IE 5
Mac IE 5.0…5.2.3
Konq 3.2
Konqueror 3.2.2…3.3 (也可能包括 3.1…3.2.1; 我尚未确定)

历史记录

Moziila的doctype嗅探代码在2000年10月、2001年9月和2002年6月有大幅度的修改。本文档描述的Mozilla(和 Netscape 6.x)建立的状态可以自2000.10.19起在ftp.mozilla.org上看到。本文档未涉及Mozilla M18(和Netscape 6.0 PR3)中的doctype嗅探的工作方式。Safari的doctype嗅探代码自第一个公开的测试版起也有大幅度的修改。本文档不包括比版本V73也叫0.9更早的行为。

Konqueror3.5之前的doctype嗅探代码似乎来自于Safari的很早的一个版本。Konqueror现在和Safari匹配,其doctype嗅探代码来自Mozilla。

从表中可见,Opera的doctype嗅探正由规律的从类似IE向类似Mozilla转变,虽然Opera9.5和9.6在倒退的路上。同时,Opera怪癖模式的布局行为已从仿效IE6的怪癖模式转换到Mozilla的怪癖模式。

附录:IE8的模式选择

开始:进入“X-UA-Compatible meta?”
X-UA-Compatible meta?
IE=7:使用IE7标准
IE=EmulateIE7: 进入“怪癖或无doctype?(兼容模式)”
IE=IE8 或 IE=IE7 或 IE=a 或 IE=EmulateIE8 或没有或首先出现 script:进入”X-UA-Compatible HTTP头?”
IE=8 或 IE=Edge 或 IE=99 或 IE=9.9:进入“准标准模式?”
IE=5:使用怪癖模式(IE5.5)
X-UA-Compatible HTTP头?
IE=7:使用IE7标准模式
IE=EmulateIE7:进入“怪癖或无doctype?(兼容模式)”
IE=IE8 或 IE=IE7 或 IE=a 或 IE=EmulateIE8 或没有:进入“显示所有站点…预设置?”
IE=8 或 IE=Edge 或 IE=99 或 IE=9.9:进入“准标准模式?”
IE=5:使用怪癖模式(IE5.5)
怪癖模式或无doctype?(兼容模式)
是:使用怪癖模式(IE5.5)
否:使用IE7标准模式
显示所有站点…预设置?
是:进入“怪癖模式或无doctype?(兼容模式)”
否:进入“显示局域网站点…预设置?”
显示局域网站点…预设置?
是:进入“站点位于局域网域?”
否:进入“域名在微软维护的名单上?”
域名在微软维护的名单上?
是:进入“怪癖模式或无doctype?(兼容模式)”
否:进入“被兼容模式页面用Frame嵌入?”
被兼容模式页面用Frame嵌入?
是:进入“怪癖模式或无doctype?(兼容模式)”
否:进入“按下了兼容模式按钮?”
按下了兼容模式按钮?
是:进入“怪癖模式或无doctype?(兼容模式)”
否:进入“怪癖模式或无doctype?(IE8)”
怪癖模式或无doctype?(IE8)
是:进入“使用怪癖模式(IE5.5)”
否:进入“准标准模式?”
准标准模式?
是:使用IE8准标准模式
否:使用IE8标准模式

这些步骤都可以通过PDFPNG格式的流程图看到。

分享到:
评论

相关推荐

    DOCTYPE元素详解 完整版

    DOCTYPE不仅告诉浏览器文档类型,而且可以用来激活或关闭浏览器的某些特性,比如quirks mode和standards mode。quirks mode是当浏览器遇到不规范的DOCTYPE时的一种向后兼容模式,它以一种不太规范的方式来处理网页,...

    bootstrap3 兼容IE8浏览器!

    这是非常重要的,因为它告诉浏览器使用最新的标准模式解析页面,而不是回退到旧的quirks模式或兼容模式。 2. **Meta标签**:添加`,Chrome=1"&gt;`来设置IE浏览器使用其最新的渲染引擎(Edge模式),同时如果安装了...

    HTML5面试题面试整理(含答案)最新版.docx

    DOCTYPE html&gt;`,它会启动浏览器的“标准模式”,确保浏览器按照HTML5的标准来解析和渲染页面。如果缺失或格式错误,浏览器会默认进入“混杂模式”,这种模式下,浏览器可能会按照旧的、非标准的方式来解析页面,...

    干货前端工程师面试题汇总内含题目解析和详细答案

    - **混杂模式**则发生在没有正确声明doctype或使用了旧版doctype的情况下,此时浏览器会采用向后兼容的方式来渲染页面,可能导致页面呈现与预期不符。 - **意义**:正确使用doctype可以帮助开发者避免因浏览器解析...

    码农面试必问的题,太值了.pdf,这是一份不错的文件

    如果没有DOCTYPE,浏览器可能会以混杂模式解析文档,导致渲染不一致。 4. **主流浏览器及其内核**: - Internet Explorer(Trident内核) - Firefox(Gecko内核) - Chrome和Safari(Webkit内核,Chrome后来发展...

    面试整理(含答案)最新版.docx

    DOCTYPE声明是HTML文档开头的关键元素,用于指示浏览器使用哪种HTML版本或DTD(文档类型定义)来解析页面。DOCTYPE不存在或格式错误会导致文档进入混杂模式。严格模式(也称标准模式)遵循W3C标准,不允许使用非标准...

    暗模式:Membuat Fitur暗模式Pada Web

    暗模式在近年来已经成为网页设计的一种流行趋势,尤其对于长时间使用电子设备的用户来说,它可以减少眼睛疲劳,提供更舒适的阅读体验。在这个主题下,我们将详细探讨如何在Web上实现暗模式,以及添加切换动画。 ...

    DIVCSS布局大全.pdf

    DOCTYPE html&gt;可以激活大多数浏览器的最新标准模式。 2. 名字空间(Namespaces):在XML和XHTML中,名字空间是一种避免元素命名冲突的机制。它通过一个URI和可选的前缀来唯一标识命名空间,让浏览器能够识别并正确...

    Dreamweaver8网站开发基础视频教程开发环境的建立

    在视频教程中,你将学习如何使用Dreamweaver的可视化编辑模式快速创建和编辑网页。这个模式允许用户通过拖放元素来构建布局,而无需编写一行代码。同时,代码视图则为有经验的开发者提供了直接编辑HTML和CSS的可能,...

    DIV+CSS布局大全

    - **解析一致性**:不同的DOCTYPE会导致浏览器以不同的模式解析页面,如标准模式或怪异模式。 - **标准遵循**:选择合适的DOCTYPE有助于确保网页符合W3C制定的标准。 - **跨浏览器兼容性**:正确的DOCTYPE可以...

    5月最新大厂前端高频核心面试题.pdf

    浏览器标准模式和怪异模式之间的区别主要在于对CSS解析的不同,标准模式尽可能地遵循标准,而怪异模式是为了保持早期浏览器的兼容性而采用的一套解析规则。 渐进增强(progressive enhancement)和优雅降级(graceful ...

    bootstrap编码规范

    这能够确保IE浏览器使用它支持的最新渲染模式。 字符编码方面,明确声明字符编码对于浏览器快速且正确地渲染页面内容至关重要。通常采用UTF-8编码,因为它能涵盖所有语言字符,并且在HTML中不需要使用字符实体标记...

    html中id与name

    在HTML4.01或更严格的标准中,使用`doctype`声明以确保浏览器按照标准模式解析文档。在这种模式下,非标准属性如`document.all`在Firefox等非IE浏览器中将不再可用,因此使用`id`进行脚本操作更为可靠。 在HTML5中...

    ie6十大兼容性问题

    这种做法可以确保IE6进入标准模式,从而减少潜在的兼容性问题。 #### 二、使用 `position:relative` 在IE6中,某些布局问题可以通过设置元素的CSS `position` 属性为 `relative` 来解决。这种方法特别适用于元素...

    js控制页面的全屏展示和退出全屏显示的方法

    如若以上方法均不支持,还可以使用ActiveX对象模拟按键操作(例如使用F11键切换全屏模式),这种方法通常用在旧版本的IE浏览器。 下面是一个简单的示例代码: ```html &lt;!DOCTYPE html&gt; ;charset=utf-8"/&gt; ; ...

    【JavaScript源代码】React服务端渲染原理解析与实践.docx

    React服务端渲染(SSR,Server-Side Rendering)是一种优化Web应用性能的技术,它解决了客户端渲染(CSR,Client-Side Rendering)模式下首屏加载慢和SEO问题。在CSR中,浏览器首先请求HTML,然后加载JavaScript,...

    用CSS禁用输入法(CSS3 UI规范)实例解析

    CSS3中的IME模式(ime-mode)属性是一种控制文本输入字段的输入法编辑器状态的工具,主要用于处理在东亚语言环境中,如中文、日文、韩文等,用户使用输入法软件进行文字输入的情况。IME(Input Method Editor)是操作...

    2021-2022计算机二级等级考试试题及答案No.19533.docx

    这种模式下,客户端使用浏览器来请求服务端的数据,而服务端则负责处理请求并返回结果给客户端。 #### HTML常用标记 2. **HTML标记**:在提供的选项中,`&lt;d&gt;` 不是HTML的常用标记。HTML常用的标记包括 `&lt;html&gt;`、`...

    chrome插件 获取uil地址

    一旦这些文件准备就绪,将它们打包成.zip文件,并将其上传到Chrome的开发者模式进行安装测试,或者发布到Chrome Web Store供其他人使用。 在调用Chrome API时,需要注意权限管理。由于我们已经在`manifest.json`中...

Global site tag (gtag.js) - Google Analytics