网页设计理论:IE6必须下地狱

仅仅六年之前,互联网还是一个独裁者的世界——Internet Explorer ()(主要是Internet Explorer 6)垄断着浏览器市场。没了Netscape的竞争,加上与Windows XP的绑定,微软获得了令人艳羡的市场份额——巅峰时期将近95%。时至今日,可供我们选择的浏览器种类也令当年的用户艳羡——Firefox (), Safari (), Opera (), Chrome (),以及Internet Explorer 8。

那么,为什么现在还有15%至25%的网页浏览量来自这火星时代(也就是2001年)的浏览器?作为一名coder(程序 员),designer(设计师),UI guy(用户体验工程师),这破浏览器给我们带来的困扰简直是罄竹难书。为了兼容性这位大美女,我们在IE6这个糟老头上耗费了难以计数的精力和时间。

尽管IE6增加了我们的负担,但只要有克服困难的决心,我们开发出的Web应用也还是有一定可用性。不过现在,HTML 5 的正式登场近在眉睫,我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响,在接下来的几个月,我们的主动行动将越来越重要。Web技术要发展,IE6必须下地狱!

Internet Explorer 6 的那点破事儿

是的… Facebook 也不欢迎 IE6 了哦…

现在,也许你应该问自己两个问题:IE6到底哪里不好?为什么现在还有这么多人用它?

第一个问题的答案相对简单:互联网生态急剧变化,Internet Explorer 6在技术上显得越来越落伍。你只需想象一下在一台2001年的电脑(20GB硬盘,256MB的内容,还有么?)上使用现在的社交网站、微软 Office、iTunes、即时通讯、电子游戏,以及你的其他桌面软件…… 就是这个理:很多新的Web技术就是没办法兼容IE6啊。下面是一个IE6不支持的功能简表,大部分coders应该都对它们了然于胸了:

- CSS 2 (层级样式表): 这是Web设计视觉表现的基础所在。毫无办法呢,设计师总是必须针对IE6做一些hack。

- PNG 透明度: 能够实现柔和渐变透明度的png图像不能在IE6内正常显示。而漂亮的半透明效果已经是网页设计的基本技巧之一。

- 常见安全问题: 如果不更新防毒软件,就更容易中毒。同样道理,不更新浏览器也更容易遭受黑客攻击。网上随处可得让IE6崩溃的代码。 我就不告诉你完整代码了,你可以在Wikipedia上找找看。IE6就是这么不稳定……

- Digg(), Facebook(),以及 YouTube () [即将不支持]: Digg和YouTube都发布公告宣称,他们将逐渐放弃对IE6的支持。Facebook已经开始对IE6用户下手——使用IE6登录会出现一条建议你升级浏览器的提示信息。是的,在不远的将来,你将无法使用Digg挖文章,用Youtube收看视频…… (笨活儿:在墙内,根本不用等到将来…)

其他互联网公司也宣称,IE6对它们造成了很大限制。37Signals,很多极为流行的基于Web的商业软件(如Basecamp ())的缔造者,就决定削减对IE6的支持。他们说:“继续支持IE6就代表我们无法优化用户界面,或者为我们的程序添加增强的客户体验。”(笨活儿:国内互联网好像还未见有公司有这么勇敢?)

那么,为什么还有那么多人使用这过时的IE6呢?我觉得有两大主要原因:一是Windows XP绑定了IE6,将其作为系统的默认浏览器;二是很多公司的IT部门都怕麻烦而懒得为公司的电脑升级——还得去说服那些电脑小白去习惯新浏览器。小白们 都很容易满足,除非遇到什么大事——比如说Google在IE6下打不开了——他们才不会有什么不满。

尽管如此,Web世界还是勉强能够突破IE6强加的重重限制。不过,“好日子”不长了,新技术正在攻占Web世界的战略要地。有一项IE6完全无法处理的重大技术即将登场:HTML 5。

下一站: HTML 5

HTML (超文本标记语言)是塑造万维网的基础 —— 任何一个写博客的人,肯定都接触过HTML标签。HTML 5是下一代HTML语言,随之而来的一系列特性是非常耀眼的,尤其是自从Google () 和 Apple 公司的专家加入之后(分别是Ian Hickson 和 Dave Hyatt),新特性的光芒越发闪耀。

Google尤为努力地推动着HTML 5的发展。因为HTML 5确实能带来可用性的增强,也将为Web开发提供无限可能。 在今年的Google I/O会议上,Google介绍了HTML 5的预期功能(有视频(需翻墙),笨活儿过几天发布中文字幕版)。其中最酷的地方包括:

- Video 标签: 通过使用<video>标签来标记视频,你可以直接在HTML里插入视频。而且,你能很容易地控制视频播放界面的外观。

- Audio 标签: 和视频标签类似,<audio>让您更容易地插入音频。

- Time 标签: 此标签能让浏览器识别HTML页面里的时间。同时也提供<meter>标签标记度量值。

- 拖放: 尽管这一特性还存在争议,但HTML 5将最终实现直接拖放文件到浏览器中给HTML页面处理的功能。拖放操作在Google即将发布的通讯整合产品Google Wave ()中应用广泛,这大概也是他们如此努力推动这项功能的重要原因之一。

- 本地存储: Web应用使用起来的感觉已经和桌面应用差不多了,只是它们还无法直接在本地电脑上保存你的工作。HTML 5将解决这一问题。

- 地理位置: 使用HTML 5,您可以实现让Web应用通过读取你的所在地信息而提供更加密切关联的信息。随着利用所在地位置的移动设备的崛起,这一点将越来越重要。

- 即时二维绘图:  HTML的canvas元素允许你利用脚本来绘制位图。也就是说你可以完全在HTML的框架内绘制漂亮的图像。很多Web应用的界面将变得更加丰富和有动感。 Mozilla Bespin 是一个非常强大的项目,它利用HTML 5实现了一个在线代码编辑器。你应该也猜得到,它并不支持IE6。

和任何一门优秀的语言一样,未来的HTML 5还会加入更多功能。如果你有兴趣完整了解HTML 5,我推荐您阅读IBM developerWorks上的一篇文章:HTML 5 中的新元素。不过,重点在于:旧有的浏览器也能处理使用HTML 5标记的网站,只不过有部分新功能无法实现罢了。只要越来越多的公司放弃IE6,就可以将这部分守旧的用户忽视不管了。

IE6已经阻碍我们的创造力太久太久

从 2001年起,我们就持续忍受着IE6百年不变的苦瓜脸,现在终于就要抵达突破的时刻。各大互联网公司都对此有所察觉。YouTube和Digg显然已经 失去了继续支持老旧浏览器的耐心,才会放出话来说他们将逐渐放弃对IE6的支持。越来越多的公司加入进来,因为他们最终都会发现,付出那些让网站在微软的 破浏览器里也正常运作的代价,是越来越不值得了。

不过如果我们向前展望,HTML 5作为标准将方便我们建立起更为丰富多彩的Web应用。我们的生活和互联网的联系越来越紧密,Facebook 之类的应用将更为不可或缺。Google适时地宣布了Google Chrome OS的消息。这一建立在浏览器基础上的操作系统将能够完美运行各种Web应用程序。然而,如Google Wave之类的富应用项目,如果必须屈身于一只老旧的浏览器,它的潜能将会或多或少(或者完全地)被埋没。

IE6在2001年时的确够用了, 但对于不断发展的Web应用程序——那些作为工具的需要和桌面应用一样无缝运行的Web应用——来说,这种需要大量HACK,需要花费大量时间和精力才能 保证网页正常工作的浏览器实在应该靠边站。现在,让保守者升级浏览器的唯一方法只能是——让他们发现自己最喜爱的网络工具突然不能在IE6下正常使用了。 而只有让用户转变,开发者才能更放心地使用HTML 5这种新技术,而不是继续在过时的技术中沉迷。

简而言之,我们正处在Web技术发展的十字路口,要继续前行而不走弯路,我们就必须把IE6这个路障清除干净。行动起来吧,朋友们!

笨活儿的旁白

这篇文章是在Twitter的热门关键词里发现的。前天“IE6 Must Die”一直在Twitter上晃来晃去。

原文在此:http://mashable.com/2009/07/16/ie6-must-die/

目前,mashable发起的这一抵制IE6的活动已经有5000多名Twitter用户的参与。你也可以到Twibbon参加这个改头像的活动请愿的活动。

而在实际项目的开发中,你也可以和你的产品经理商量一下,要么给IE6用户增加一些提示升级的推广信息。要么对他们关闭某些功能(前提是务必说明为什么给他关了……)。

目前笨活儿博客就添加了明显的“扰民信息”……

“升级您的浏览器”链接到这里:http://fallwith.me/no-ie.html。欢迎您直接套用我的模板。

本文极为渴求被转发!不注明出处也没关系!!搞前端的,都行动起来吧!

时间: 2024-12-01 21:40:27

网页设计理论:IE6必须下地狱的相关文章

网页设计理论:漂亮而不空洞的极简网站设计

作为设计师,我们都知道,一个极简的设计可以实现漂亮的效果. 然而,很多设计师在实现上有些麻烦:要么是没有时间让使用如此少的元素制作的页面看起来漂亮,要么就是最终的结果只是看起来"不完美". 网上有很多关于极简主义设计的文章,而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计 最重要的是,我们将展示一个小的极简网站设计画廊,这样你就可以分析为什么一些设计可以而其它的则不可以. 什么是极简主义设计 极简主义设计已经被描述为最基本的设计,剔除了多余的元素.色彩.形状和纹理. 它的目的是使内

网页设计理论:细节让优秀的作品脱颖而出

文章简介:网页设计中最常用到的设计细节. 前一段时间在企业管理界流行一句格言叫"细节决定成败".企业管理当然不是我们这里要讨论的主题,但是,把这句话放在网页设计当中的确是颠扑不破的真理.我们的眼睛和感觉总是非常敏锐的,即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品.虽然他说不出来为什么这件东西比那些都好,但是直觉会告诉他他自己喜欢哪一个.如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是"很大一部分原因是因为优秀的设计作品总是

网页设计理论:网页设计风格

文:Jeffrey Zeldman 我的父亲是个业余画家,我的童年就是被他的那些美术书籍塑造的.跟很多小孩一样,我对「纯粹的再现」十分着迷.那些巨细无遗的版画--搏斗中的角斗士,风景如画的村庄,日出时的罗马废墟--每每让我瞠目结舌.口不能言.当时我对艺术的理解就是「画功好」.在那年幼而懵懂的日子里,细节越丰富.蚀刻的线条越密集.树叶越多,这艺术家就越棒.稍后我邂逅了漫画,再往后是美术馆.麦菲·派瑞(Maxfield Parrish)让我想嗑药,也让我明白自己永远当不了画家.保罗·克利(Paul

网页设计理论:纹理

  纹理在网页设计中已经成为一个不可或缺的元素.它不仅仅是个趋势,更是个增加网页深度的快捷方法.设计师学会使用纹理,就能强化网页感染力,可谓是网页设计中必然要掌握的功法.而纹理本身就能通过引导用户的视线来展示网页的关键内容. 然而,一直以来纹理似乎都被误解为"GRUNGE"风格设计,想了解GRUNGE可以去GRUNGE系列(一)--网页设计中的GRUNGE看看.在许多网页中我们可以看到,为了突出酷炫的效果时,被大量使用,甚至有滥用的嫌疑.滥用的结果就是它真正带来的好处被埋没.纹理的确可

网页设计理论:对比和等同

  等同和对比,联系与分别,归类和不归类等都是能将元素中相同或不同的元素加以区别的方式.基于它们所承载的信息,我们希望等同的元素能发生某种联系,用以表明它们在某一方面的相似性.我们同样也希望不同的元素加以区分,以显示它们分属不同的类别. 等同和对比是通过元素之间所呈现的关系表现出来的,如果两个元素有着某种联系,可以确定这两个元素必定有相同的特性.当然,两个不同元素也必定看上去不同. 基础特性 你是如何表达元素间的等同和对比性的?是的,从它们的基础特性中表现出来. 那么,什么是元素的基础特性呢?基

网页设计中时尚​​的下拉菜单案例

一个网页设计中最重要的事情不只是关心的内容展示-主要经营范围,有一个有效的用户界面,使人们将能够轻松地浏览它.        网站上有大量的内容,分成类的信息是最好的事情,因此你可能要一个下拉菜单.这种方式可以分割您的信息,清楚地进入子类别.   在网页设计中的下拉菜单                                        原文:http://designmodo.com/28-stylish-examples-of-drop-down-navigation-menus-

网页设计理论:各种元素在页面的综合设计

网页设计中有导航条,链接,表单设计,字体行距,空白,表单聚焦,404错误页面等等元素.可以说每个页面都是由以上各种元素组成,因此对于研究网页用户体验来说,就是研究如何组合并设计这些东西. 如何提高网站产品的可用性? 优秀的产品可用性,一直是产品经理和用户体验设计师们追求的目标,今天我们来谈谈如何提高网站产品的可用性,给大家做做参考.不论是企业网站.个人博客,或者购物网站.游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验. 可用性 是用户体验的一种度量,它可以用访问者完成网站功能的方便

网页设计理论:斜杠的作用与网站导航

在互联网世界中,斜杠"/"是很常见的一个符号.它的位置在右 Shift 的左边,不用按 Shift 就能够输入. 我猜测(没在维基中查到),斜杠之所以占据那么重要的地位,应该得益于操作系统(Unix.Dos)的流行.在命令行中,一个斜杠往往是表示着根目录,也作为目录与目录之间的分割. 其实到了互联网时代,除了 URL 中可能要用到斜杠外,其他地方很少见到它的身影.但它并没有随着历史而去. 在 Gmail 中,如果你给 label 命名为 abc/def,那么通过 IMAP 维护邮箱时会

网页设计理论:注意力和流

我们创造了网站和软件用以向人们展示信息,信息可以是任何东西 :一个公司的产品清单,旅行度假的照片或者朋友们的即时信息,此时此刻,展现给你的信息比历史上任何时候都要多. 所有这些信息有许多积极的效果,但是也带来了挑战."信息的成本显而易见,它消耗了信息接收者的注意力...信息的富有带来了注意力的稀缺"(西蒙1971 年)当注意力成为一种稀缺资源,如何明智的投资它就变得非常重要,信息架构师和设计师在确保设计提供给用户的产品具有良好回报中扮演着关键的角色. 心理学家米哈里csikszentm