IE7与web标准设计(1)

所属分类: 网页制作 / CSS 阅读数: 1384
收藏 0 赞 0 分享

IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升,微软终于推出了IE7。但IE7是否真的能够力挽狂澜,是否真的能够得到用户的信任,是否真的能够得到网页设计者的认可呢?
且看《IE7的web标准之道》系列文章,和你一起见证IE7的改变!
两份报表
什么也别说,让我们从一张统计图表开始。这是我的博客在最近一段时间内(2008年1月1日——2008年2月15日),统计出来的关于浏览器类型的报表:

浏览器类型的报表(2008.1.1——2008.2.15)
从这份报表中可以清楚的看到IE6依然占据着半壁江山。而即使在博客园这样,使用FireFox浏览器较多的集合体用户中,FireFox的使用率也只是占到13%。位居第二的便是微软强力推广的IE7,份额已经占到接近30%。
如果说上面的统计图表,表明了IE7的市场占有率的话,那么下面的这张图表则说明了IE7的强劲的市场占有速度。下面的图表是我的博客在去年某段时间内(2007年5月1日——2007年6月30日),统计出来的关于浏览器类型的统计报告:

浏览器类型的报表(2007.5.1——2007.6.30)
对比第一份报表和第二份报表,可以发现,IE6的市场占有率在被IE7和FireFox快速的蚕食,其中IE7的抢占份额比FireFox更多。
通过对上面两份报表的分析,网页设计人员可以得到的信息是: IE6依然是主流,需要提供绝对的页面兼容 IE7有着强劲的占有率和发展速度,也需要提供很好的页面兼容 FireFox的使用者在不停的增加,并有一定的市场占有率,需要提供较好的页面兼容 其他内核的浏览器,目前仍然不成气候,在页面兼容上只需要兼顾一下即可
黑马IE7
随着微软不停的采用更为 强劲和有效的推广手段 ,IE7的市场占有率将会进一步的扩展,较为保守的估计1-2年内IE7的市场占有率,将会高于IE6的市场占有率。所以,网页设计人员必须从现在就开始,关注IE7的一些改进和升级,特别是对于web标准方面的改进和变化。
IE7不仅仅是市场占有速度方面表现出强劲的一面,在功能改进和对IE6bug的修正上也是有很大的动作。可以说,在web标准的道路上IE7走出了非常漂亮的一步。
IE7的web标准之道系列文章
IE7走出了漂亮的一步,但是我们呢?我们是否准备好了呢?我们是否了解IE7在web标准道路上的历程呢?我们是否也迈出了web标准的那一步呢?
《IE7的web标准之道》系列,我想从我知道的方面,细细数来IE7在web标准到了上的点点滴滴,相对于IE6的改进和升级,对于IE6中bug的修正,为了兼容IE6而采取的一些措施和方法。我希望通过这个系列的写作,以及IE7市场占有率迅速膨胀的时代契机,让更多的朋友开始关注web标准设计。
更多精彩内容其他人还在看

CSS配合JavaScript做酷的动态页面效果

  利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标
收藏 0 赞 0 分享

WEB标准,Web前端开发工程师必备技术列表

  想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:   通过许多实际项目,
收藏 0 赞 0 分享

用CSS制作Alpha滤镜测试板

alpha滤镜给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”,在测试板上输入参数
收藏 0 赞 0 分享

非常流行的所谓的气泡窗口

普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格. 前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的). 我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制.. 先下载Sweet Ti
收藏 0 赞 0 分享

CSS教程:li和ul标签用法举例

LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; } B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(/blog/images/
收藏 0 赞 0 分享

CSS教程:CSS中的定位(position)

  使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。   其实,要想控制好层的绝对定位,只要理解CSS中关于定位
收藏 0 赞 0 分享

CSS教程:盒模型(BOX Model)

  如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。
收藏 0 赞 0 分享

无延迟翻滚的图形与CSS混合风格按钮

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。   相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面
收藏 0 赞 0 分享

css里expression实现界面对象的批量控制

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0 赞 0 分享

CSS教程:水平对齐(text-align)

  水平对齐(text-align),用以设定元素内文本的水平对齐方式。   1.语法   text-align具体参数如下: 语法:text-align:left|right|center|justify 说明:设定元素内文本的水平对齐方式。 参数:left:左
收藏 0 赞 0 分享
查看更多