浏览器是如何知道,我们在使用的创建的是一个向后兼容的站点呢?它在支持那些用过时方法创建的站点的同时,怎么能正确的显示你创建的标准化站点呢?
答案就是,现在浏览器使用了,我们熟悉的DOCTYPE。DOCTYPE是把标准的模式(符合W3C规范的网站就是标准模式)和向前兼容的Quirkm模式,联系起来的纽带。而对于我们来说,大部分的网站设计忽视了各种浏览器的不同,从而对页面的好坏置之不理,这就是中国代码界的现状。正如,昨天转贴的那篇程序员文章一样。许多人程序员都写代码,但我们却从没有关心过我们手上代码的质量,只求如何去完成任务或者完成项目。
现在话题转回来,基于Gecko的浏览器,如Mozilla和NectScape上的标准模式和InternetExplorer上的标准模式工作方式稍有不同,这些细小的差距将对你的布局产生无法预计的深刻影响。正如,21cn.com,在该网页下使用netscape与Mozilla进行浏览,点击邮件CGI页面时会发生卡死的现象。可能有人通过修改其配置,是可以打开的,但我们好像忽视的一个细节,那就是我们的客户是否会知道这些。为了解决这样的问题,后来的Gecko浏览器(诸如:Mozilla1.01和Netscape7.0)都增加了第三个模,它的工作方式更像IE的标准模式。(Opera7也支持DOCTYPE的转换功能)
Gecko浏览器把类似IE的第三个模式称为:“近乎标准”模式,这个模式在Gecko眼中,却意味着我们大多数人从浏览器得到视觉行为与真正的CSS标准是不一样的。下面将详细分析各种各样的浏览器是如何工作的,并提供一个简单的方法使你的站点到达预期的效果,尽管每个优良的浏览器理解CSS和其他规则的方式都不尽相同。如果你已经把一个过渡的站点,添加了CSS转变成为一个真正的XHMTL,你可能会发现,转变后一些浏览器改变了你的布局,怎么样使用才能修改会期望的效果呢?
我们从DOCTYPE的发展开始简单描述,20世纪90年代,处于领先地位的浏览器制造上就认识到,对于设计和创建网站的客户来说,对Web标准的完全精确的支持尤为重要,但他们希望,在升级到正确的支持网络的标准的新式浏览器的过程中,不要损坏老的非标准的网站。
毕竟netscape和IE的已有版本说服了大批设计师学习他们特有的Quirk模式,包括对HTML标记的私有扩展,以及错误执行CSS,还有浏览器制造商自己定制的脚步语言。微软和NetScape原意对Web标准提供更好的支持,但前提是不损坏现存的,价值上亿的网站,否则对于浏览器制造商来说,等于是自杀。
下面的例子可以说明浏览器制作商的尴尬处境
20世纪90年代中期,IE的早期版本开始部分支持CSS1时产生一些错误,如盒模型,但第一个方案总是不算很完善,于是有人建议微软公司在1997年初开始支持CSS
微软早期对CSS盒模型的错误理解产生了一个问题。几百名设计师“学会”了被IE4和IE5使用的错误盒模型,并调整了他们的CSS,以求这些版本的IE上正确的显示。如果IE的后续版本盒其他制造商的浏览器能更精确的支持盒模型,那么那些已完成的设计肯定要土崩瓦解,这样的话,客户、网站建造者和用户都不会高兴的?怎么办呢?在微软和Netscape未同意制造更精确的、完全支持标准的浏览器之前,有一个无名英雄已经解决了这个问题——处理用非标准方法建立网站。这个英雄就技术专家ToddFahrner,他是W3C的CSS和HTML工作的投稿人,还是Web标准组织的共同创建者。
1998年初,Fahrner给浏览器制造公司推举爱女了一种转换机制,这种机制可实现打开或关闭标准适应呈现之间的转换,他建议根据DOCTYPE的存在与否来控制接受和拒绝转换。如果网页的标记是一个DOCTYPE开始的,这就说明设计师有可能知道Web标准,并且已经做出了努力以适应Web标准。相反,如果不存在,它们极有可能使用老式的绞酱唇ǖ摹d榔骰崆鸬亩源恰?
但还是存在一个问题:没有兼容的标准浏览器,如果使用DOCTYPE转换是向前及向后的兼容的关键所在,那么全世界用户就还要等上两年!
2000年3月,微软公司推出了IE5Macintosh版,它是由微软工程师和W3C的发烧友Tantel、Celik开发的,它的表现层引型对网络标准(包括CSS1、XHTML和DOM)提供相当精确的和近乎完全的支。IE5/Macintosh采用文本缩放技术以提供可访问性,它是第一个采用DOCTYPE转换来实现Quirk模式和标准模式之间转换的浏览器。
因此,即IE5/Macintosh之后推出的Netscape6、Mozilla、Chimera等基于Gecko浏览器,他们都包含了文本缩放功能。使用Gecko/Mozilla表现的引型,使得支持严格具体的Web标准成为可能。IE6/Windows加入兼容标准的行列后,也同样支持DOCTYPE转换,并增加了一个DOM特性,通过一个已有的Web文档,控制是否按照标准模式进行显示。
Opera上的转换:Opera软件公司的Opera浏览器在7.0版本之前不是根据这些定义显示结构的。无论该网页怎样设置,它总是尝试使用兼容标准模式来呈现网页。7.0以前的Opera的版本也不支持W3CDOM;这样的,在老版本的Opera浏览器上的基于DOM脚步的标准兼容网站是不能正常工作的。好在Opera用户是一个自选群体,当有新改进的Opera版本推出时,他们会离开Down下最新的版本。前面提到过,现在Opera7包含DOCTYPE转换功能,虽然公司并没有说明它是如何工作的。
分享到:
相关推荐
隐藏信息探索-web2 1、通过URL访问http://靶机IP/1,对该页面进行渗透测试,将完成后返回的结果内容作为 FLAG值提交; 访问页面是一个加法计算题目:****但是输入框里面只能输入一个数字,打开开发者模式修改...
《信息架构:超越Web设计(第4版)(全彩)》 的前三个版本都是信息架构领域的开山著作。其中描述了信息组织的普遍和永恒原则,这一原则也适用于不断增长的移动世界。在第4版中,作者运用大量最新的插图和例子为这些...
浏览器导航功能 142 场所营造 142 提高灵活性 144 嵌入式导航系统 145 全局导航系统 局部导航系统 148 情景式导航 150 嵌入式导航的实现 152 辅助导航系统 154 站点地图 155 索引 156 指南 159 搜索 162 高级导航...
新欧朋浏览器统一了图标的样式,让人看起来非常的整齐,同时因为图标又经过设计,看起来特别的协调和美观。而发现频道利用了瀑布流的模式,让我们可以对内容进行一个非常好的预览。 新欧朋浏览器放弃了管理按钮,而...
然而,由于HTML5的W3C标准规范还未制定,安卓系统中类浏览器Webview自身存在一些局限性,因此仍存在着诸多问题亟需解决,包括:(1)多窗口类浏览器模式问题。安卓上用于加载的Webview视图窗口只是作为类浏览器而...
3 探索浏览器的导航过程 45 3.1 导航开始 45 3.1.1 浏览器的导航过程 46 3.1.2 DNS请求 46 3.1.3 DNS劫持和DNS污染 47 3.1.4 导航尚未开始时的状态同步问题 48 3.1.5 实例:针对导航过程发起攻击 49 3.2 建立...
在浏览器上进行探索性测试,同时自动记录测试环境数据和用户交互。 使用qTest帐户登录后,qTest Web Explorer会记录您的工作会话,捕获屏幕,操作并生成跟踪步骤以重现缺陷。这组信息存储在qTest会话管理器上,可以...
2.客户端基于浏览器访问,产品模块化设计 3.代码全开放,易于二次开发 4.信息集中处理,操作简单 5.无任何插件、完全自主开发 合适做二次开发 6.完善系统权限设计 操作权限和使用权限 7.集成表单,灵活添加新表...
采用数字地球平台的API和JavaScript将地学浏览器嵌入Web中,对G/ 式G端的存在形式进行了扩展,完善和丰富了G/S模式,并分析了基于地球 件的地学浏览器在三维展示方面的优势。选择在G/S模式下实现动态交互性也 对G/S...
客户端是一个标准的浏览器,服务器端是WebServer,而WebServer与数据库和应用服务器的紧密结合, 使得这种模式的应用范围不断扩大,它已不仅仅用于网上查询,有很多部门的业务系统、 企业的MIS系统纷纷采用这种模式...
后者是近几年伴随Internet迅速发展起来的一种技术,它与客户/服务器方式类似,客户端是一个标准的浏览器,服务器端是Web Server ,而Web Server与数据库和应用服务器的紧密结合,使得这种模式的应用范围不断扩大,...
**指示**只需单击Web仪表板图标即可查看一个有关您浏览模式的详细统计数据的POLPOVER!**关于**使用Web Dashboard,您现在可以通过单击可视化和分析您的浏览。您正在使用互联网时,Web仪表板位于后台,并注意到您在...
构建简单的Web组件(如工具提示)以创建复杂的组件(如模式和背景幕) 创建可以接收数据的动态Web组件,并将其用于展示UI元素。 通过编码自定义事件使您的Web组件成为独立实体 探索Shadow DOM并为您的Web组件隔离...
对于构建扩展程序的开发人员,或想通过indexedDB,服务工作者或蓝牙设备检查幕后情况的Web开发人员,此菜单为这些隐藏的浏览器功能提供了快捷方式。 您可以通过将您关注的项目固定在顶部来进一步自定义菜单。 在...
NG-CHM热图查看器是一个动态的图形环境,用于在Web浏览器中浏览群集或非群集的热图数据。 它支持缩放,平移,搜索,协变量条和链接,从而可以深入探索热图中的模式和关联。 该快速演示了观众的主要功能。 项目包括...
Semantic Body Browser (SBB) 是一个 Web 应用程序,用于直观地从器官到亚细胞级别探索生物体的身体,并通过语义注释插图可视化表达谱。 它用于理解与不同身体结构相关的生物和医学数据,同时依靠人类用户强大的模式...
由于我更喜欢现代的浏览器(以及现代的页面和Web技术,但是当系统不是我的系统时,这是造成损失的原因),因此我自由地通过添加必要的支持来实现系统的现代化(或使浏览器变旧;)。 ,对于现代浏览器而言,则...
GraphQL模式拼接演示模式拼接是从多个基础GraphQL API创建单个GraphQL模式的过程... 然后,在Web浏览器中打开 ,然后开始使用查询进行探索。合并架构该演示结合了两个GraphQL模式,并在单个API上公开了它们: Meta Weat
2019-2020腾讯LIVE开发者大会PPT汇总,共46份。 一、2020腾讯LIVE开发者大会PPT汇总 1、主会场 WebAssembly and TWVM Web多媒体技术在视频编辑场景的应用实践 视频编码技术在多场景下应用实践 ...探索动效开发模式