`
weimou66
  • 浏览: 1241682 次
文章分类
社区版块
存档分类
最新评论

浏览器模式的探索,Web标准设计

 
阅读更多

浏览器是如何知道,我们在使用的创建的是一个向后兼容的站点呢?它在支持那些用过时方法创建的站点的同时,怎么能正确的显示你创建的标准化站点呢?
答案就是,现在浏览器使用了,我们熟悉的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-自己建立的题目环境

    隐藏信息探索-web2 1、通过URL访问http://靶机IP/1,对该页面进行渗透测试,将完成后返回的结果内容作为 FLAG值提交; 访问页面是一个加法计算题目:****但是输入框里面只能输入一个数字,打开开发者模式修改...

    信息架构:超越Web设计(第4版)(全彩).[美]Louis Rosenfeld(带详细书签) PDF 下载 高清 完整版

    《信息架构:超越Web设计(第4版)(全彩)》 的前三个版本都是信息架构领域的开山著作。其中描述了信息组织的普遍和永恒原则,这一原则也适用于不断增长的移动世界。在第4版中,作者运用大量最新的插图和例子为这些...

    信息架构 超越Web设计(第4版).pdf

    浏览器导航功能 142 场所营造 142 提高灵活性 144 嵌入式导航系统 145 全局导航系统 局部导航系统 148 情景式导航 150 嵌入式导航的实现 152 辅助导航系统 154 站点地图 155 索引 156 指南 159 搜索 162 高级导航...

    欧朋浏览器Opera 7.6.1 安卓官方正式版

    新欧朋浏览器统一了图标的样式,让人看起来非常的整齐,同时因为图标又经过设计,看起来特别的协调和美观。而发现频道利用了瀑布流的模式,让我们可以对内容进行一个非常好的预览。 新欧朋浏览器放弃了管理按钮,而...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    然而,由于HTML5的W3C标准规范还未制定,安卓系统中类浏览器Webview自身存在一些局限性,因此仍存在着诸多问题亟需解决,包括:(1)多窗口类浏览器模式问题。安卓上用于加载的Webview视图窗口只是作为类浏览器而...

    白帽子讲浏览器安全.钱文祥(带详细书签).pdf

    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」-crx插件

    在浏览器上进行探索性测试,同时自动记录测试环境数据和用户交互。 使用qTest帐户登录后,qTest Web Explorer会记录您的工作会话,捕获屏幕,操作并生成跟踪步骤以重现缺陷。这组信息存储在qTest会话管理器上,可以...

    办公自动化系统OA-探索软件

    2.客户端基于浏览器访问,产品模块化设计 3.代码全开放,易于二次开发 4.信息集中处理,操作简单 5.无任何插件、完全自主开发 合适做二次开发 6.完善系统权限设计 操作权限和使用权限 7.集成表单,灵活添加新表...

    G_S模式下虚拟场景中的动态交互技术研究

    采用数字地球平台的API和JavaScript将地学浏览器嵌入Web中,对G/ 式G端的存在形式进行了扩展,完善和丰富了G/S模式,并分析了基于地球 件的地学浏览器在三维展示方面的优势。选择在G/S模式下实现动态交互性也 对G/S...

    ASP设计在线考试系统OnlineTest

    客户端是一个标准的浏览器,服务器端是WebServer,而WebServer与数据库和应用服务器的紧密结合, 使得这种模式的应用范围不断扩大,它已不仅仅用于网上查询,有很多部门的业务系统、 企业的MIS系统纷纷采用这种模式...

    在线考试系统文献综述

    后者是近几年伴随Internet迅速发展起来的一种技术,它与客户/服务器方式类似,客户端是一个标准的浏览器,服务器端是Web Server ,而Web Server与数据库和应用服务器的紧密结合,使得这种模式的应用范围不断扩大,...

    Web Dashboard-crx插件

    **指示**只需单击Web仪表板图标即可查看一个有关您浏览模式的详细统计数据的POLPOVER!**关于**使用Web Dashboard,您现在可以通过单击可视化和分析您的浏览。您正在使用互联网时,Web仪表板位于后台,并注意到您在...

    Learn-Practical-Web-Components-Only

    构建简单的Web组件(如工具提示)以创建复杂的组件(如模式和背景幕) 创建可以接收数据的动态Web组件,并将其用于展示UI元素。 通过编码自定义事件使您的Web组件成为独立实体 探索Shadow DOM并为您的Web组件隔离...

    shortcuts-for-chrome:方便的菜单,用于访问内部Chrome浏览器URL

    对于构建扩展程序的开发人员,或想通过indexedDB,服务工作者或蓝牙设备检查幕后情况的Web开发人员,此菜单为这些隐藏的浏览器功能提供了快捷方式。 您可以通过将您关注的项目固定在顶部来进一步自定义菜单。 在...

    NG-CHM:一个动态的图形环境,用于在Web浏览器中浏览聚类或非聚类的热图数据

    NG-CHM热图查看器是一个动态的图形环境,用于在Web浏览器中浏览群集或非群集的热图数据。 它支持缩放,平移,搜索,协变量条和链接,从而可以深入探索热图中的模式和关联。 该快速演示了观众的主要功能。 项目包括...

    sbb:Semantic Body Browser - 一种以图形方式探索生物体的工具

    Semantic Body Browser (SBB) 是一个 Web 应用程序,用于直观地从器官到亚细胞级别探索生物体的身体,并通过语义注释插图可视化表达谱。 它用于理解与不同身体结构相关的生物和医学数据,同时依靠人类用户强大的模式...

    Explorerism:通过无效地模拟功能集合,XMLDOM,XMLHTTP,XML数据岛和数据绑定,再次可耻地赢得了第一次浏览器大战

    由于我更喜欢​​现代的浏览器(以及现代的页面和Web技术,但是当系统不是我的系统时,这是造成损失的原因),因此我自由地通过添加必要的支持来实现系统的现代化(或使浏览器变旧;)。 ,对于现代浏览器而言,则...

    graphql-schema-stitching-demo:Hasura GraphQL + MetaWeather API的模式拼接示例

    GraphQL模式拼接演示模式拼接是从多个基础GraphQL API创建单个GraphQL模式的过程... 然后,在Web浏览器中打开 ,然后开始使用查询进行探索。合并架构该演示结合了两个GraphQL模式,并在单个API上公开了它们: Meta Weat

    2019-2020腾讯LIVE开发者大会PPT汇总.zip

    2019-2020腾讯LIVE开发者大会PPT汇总,共46份。 一、2020腾讯LIVE开发者大会PPT汇总 1、主会场 WebAssembly and TWVM Web多媒体技术在视频编辑场景的应用实践 视频编码技术在多场景下应用实践 ...探索动效开发模式

Global site tag (gtag.js) - Google Analytics