1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

Web标准:文档类型和网页浏览器

作者:用户 来源:互联网 时间:2016-02-12 15:21:01

文档标准浏览器开发者doctype一个

Web标准:文档类型和网页浏览器 - 摘要: 本文讲的是Web标准:文档类型和网页浏览器, 原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson .Co

原文: http://www.alistapart.com/articles/beyonddoctype

作者:Aaron Gustafson .Com

 译者:zhaozy in 3user.com .Com

转载请注明作者和译者信息,谢谢!

进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误解(或是引入了新的), 或是以任何方式改变行为时. 站点突然崩溃了, 然后我们的客户, 我们的老板和用户们都感觉到非常的不开心.

我们也许可以花上一段时间来解释为什么我们的网站坏了, 但是如果他们没有被破坏那不是更好吗? .Com

一点点背景介绍

在成功的放出了更好的支持CSS的Internet Explorer 7的动力下, IE团队开始在一个崭新的渲染引擎(更好的遵照CSS 2.1规范)上开始进行IE 8的开发工作. 在他们的努力下, 浏览器已经可以相当精确地表现出 "Acid2 test" (http://webstandards.org/action/acid2/) . 这些你跟进的消息, 意味着IE将很快的支持生成内容和数据的URLs, 而且经确认, hasLayout会被永远取消. 它的表现结果会让其他通过Acid2测试的浏览器们进行投票(包括: Safari, iCab, Konqueror, and Opera. Firefox3也已经通过了Acid2测试,但是在文章编写的时候还没有放出.)

在新引擎的开发过程中, IE团队谨记IE 7放出后的反面评价. 一些web标准的狂热者甚至是一部分微软的崇拜者感觉到在"IE7中他们做得还不够 (程序缺陷的修正和CSS支持的改进上)".  但是有很大的一群开发者在感到疑惑, 因为他们的网站在IE6中表现的很完美, 但是到了IE7就完全崩溃了. web标准倡导者 Roger Johanssen 在他的博客中提出了 "页面被破坏的三大原因" (http://www.456bereastreet.com/archive/200611/three_reasons_sites_break_in_internet_explorer_7/), 这些都驱使大家去改善对标准的支持. IE开发团队发现了第四点: 文档类型转换(DOCTYPE switch), 一个启用现代CSS布局的核心技术在标志兼容性上有致命的缺陷.

文档类型转换器失效了

回到1998年, Todd Fahrner 的 "came up with a toggle(http://web.archive.org/web/20030212115103/http://www.geocrawler.com/archives/list-name.mbox/123/1998/7/0/1037920/)" 方法能允许一个浏览器提供两套渲染模式: 一是给期许遵守标准的开发者的, 另一个是给其他所有人的. 这个观点精辟简单. 当用户端代理遇到对当前HTML标准的Doctype声明良好定义的文档时(也就是 HTML2 不会取消它), 创作者就会知道她在做什么, 并且用"标准"模式渲染这个页面(用W3C的盒模型元素布局). 但是在没有Doctype或者定义了不正确Doctype时, 文档会被用"Quirks" 模式渲染, 也就是说, 用windows版的IE5.X的非标准盒模型进行元素布局.

这个概念在两年后的Mac版的IE上被首次运用, 这种方法很快的被其他浏览器制造者采用, 意识到标准的开发者会在他们的文档中包含正确的Doctype, 这样做他们的部分在浏览器根据规范进行渲染时就不需要额外的工作了. 不注意标准的开发者很幸福的, 他们自己没有发现, 他们以及他们的工具都没有为他们插入正确的Doctype, 但是他们的文档在浏览器中被特殊对待了. 网页教学网

不幸的是, 因为两个关键问题, 为配合广大的呼声,Doctype不可能持续充当标准模式的转换器了:

  1. A List Apart和Web标准项目的推广, 善良的编辑器开发者开始为他们的工具生成的标记中插入有效的,完整的Doctype.
  2. IE6的渲染行为有5年没有更新了, 这让大部分开发者认为这个引擎是正确的, 并且不太会发生改变了.

这两种情况破坏了Doctype的转换, 因为它有致命的缺陷: 使用有效的Doctype意味着你明白你在通过web标准做什么, 你希望获得更正确的渲染, 但是我们怎么知道它失败了呢? 当IE 7降临的时候, 网站们变样了.

当然, 就像Roger指出的那样, 一些被破坏的网站是使用IE6特有的CSS Hack(通常不会有提供选择的机会). 但是发生这样的惨剧是因为他们的开发者只在IE6当中测试他们的页面, 或者他们只关心在IE6中, 他们的网站是什么样的. 因为他们为使用同一类浏览器的族群开发网站(比如说公司的内部网). 现在当然, 你可以只是耸耸肩然后说, 这是被证明是IE6的错, 但是这些开发者应该知道的更多, 但是你会忽略一个事实, 就是这些开发者们从来没有明确的选择 "standards mode", 甚至他们知道有这么个模式存在.

Chris Wilson, Internet Explorer的平面架构师, 经常提到的一个在IE上开发的核心原则: IE团队做出的任何选择的目的绝对不是 "破坏网页". 可悲的是, IE 7却让去多人面对这个事实. Microsoft不愿意造成第二次错误, MicroSoft开始进入Web标准项目(我是其中成员之一), 以及其他几个有标准意识的开发者, 向我们寻求帮助去寻找一个允许开发者自主选择支持web标准的好办法. 最终的目标是找到一种可以比Doctype选择器更直接清楚的方法, 可以运用到任何浏览器中, 不只是IE.

网页教学网

美好的未来

在去年召开的SXSW中, 我有幸看到了纽约公共图书馆的Carrie Bickner(同时是ALA的出版者Jeffrey Zeldman的妻子)领导的神奇的议题. "保存我们的数字遗产以及我们的个人收藏", 讨论图书馆和个人在维护数字档案时遇到的问题. 大部分的问题源自文件格式和应用程序的进步: 例如 Microsoft Office 2007, 它不能可靠的展现一个本来可以展现的word 1.0的文档. 这个议题让我想到了网页从建立开始会有怎样的改变, 以及它们在web标准进步的同时又会怎样的改变.

作为一个web标准的支持者, 我想看到的是浏览器在提供新的支持的时候不断的为执行标准化而改进. 同时我也看到了保护我们曾经辛辛苦苦建立的基于table布局的网站的重要性. 当然, 大部分通过 " Wayback Machine " 存在的错误因为Doctype转换器仍然可以很好的为他们服务而暂时没有遭受到打击, 但是那些让IE 6执行"standards"模式的网站呢? 我也都知道, 在很多案例下, IE 7 也不能完全的渲染它们. 这是不是意味着我们有必要保留一份IE 6的备份在手边, 为了浏览这个网页达到的效果如同创作者想要的那样? 这就是很多图书馆为了浏览古老的文件所做的事情. 在IE 8的时代, 我们同样会面对这些潜在的问题, 用IE 7的渲染引擎生成的正常的文档会不会在IE 8中变了形, 怎么来解决这个问题呢? .Com

[1] [2] [3]  下一页



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索文档 , 标准 , 浏览器 , 开发者 , doctype 一个 ,以便于您获取更多的相关知识。

javascript-WEB标准模式和混杂模式js代码兼容问题?

...兼容问题? 解决方案 常见的浏览器兼容性问题,指望doctype来指定不是很现实的事情,毕竟使用人员的浏览器千差万别,如果不是特殊使用群体,需要尽量考虑浏览器适应性问题的。 比如常见的http://...

HTML <!DOCTYPE> 标签_CSS/HTML

...会以默认的DOCTYPE解释下面的HTML。在同 一种标准下,不同浏览器的解释模型都有所差异,如果声明标准不同,不用我说,您自己想就可以了。学习网页标准,浏览器兼容,从哪里开始您自己决定,但是, 请认识DOCTYPE: 一、什么...

第二天:图像标签及超链接的使用

...信息    Xhtml      Html5     文档内容编码:   告诉浏览器用utf-8 或者 gbk  来显示  标签   Meta标签;配置信息设置标签  单标签 SEO:搜索引擎优化   百度的蜘蛛    代表不让搜索引擎抓你的网站   查找你网站中所...

Geoserver简介

...址中的HighwayInterchange改成自己创建的featuretype的名字,在浏览器中查看,WFS的URL, http://localhost:8080/geoserver/wfs?request=getfeature&service=wfs&version=1.0.0&typename=States 下面地址的youtian改成自己的FeatureType名字,就是自己的WFS地址 http:...

《JavaScript 闯关记》之简介

...大多数现代网站都使用了 JavaScript,并且所有的现代 Web 浏览器(电脑,手机,平板)均包含了 JavaScript 解释器。 这使得 JavaScript 能够称得上史上使用最广泛的编程语言。 JavaScript 也是前端开发工程师必须掌握的三种技能之一:...

前三篇
后三篇