学好标准CSS的模型是否必须放弃IE?

2016-01-29 11:43 1 1 收藏

学好标准CSS的模型是否必须放弃IE?,要理解好IE的模型,必须先理解好标准CSS的模型,再理解IE的bug,作者将在本文介绍学好CSS的基础~~

【 tulaoshi.com - Html 】

原文链接:http://www.cnblogs.com/JustinYoung/archive/2008/02/18/IE7_wsRoad_foreword.html

IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web 标准设计。看着FireFox的市场占有率不停的上升,微软终于推出了IE7。但IE7是否真的能够力挽狂澜,是否真的能够得到用户的信任,是否真的能够得到网页设计者的认可呢?

且看《IE7的web标准之道》系列文章,和你一起见证IE7的改变!

两份报表

什么也别说,让我们从一张统计图表开始。这是我的博客在最近一段时间内(2008年1月1日2008年2月15日),统计出来的关于浏览器类型的报表:

浏览器类型的报表(2008.1.12008.2.15)

从这份报表中可以清楚的看到IE6依然占据着半壁江山。而即使在博客园这样,使用FireFox浏览器较多的集合体用户中,FireFox的使用率也只是占到13%。位居第二的便是微软强力推广的IE7,份额已经占到接近30%。

如果说上面的统计图表,表明了IE7的市场占有率的话,那么下面的这张图表则说明了IE7的强劲的市场占有速度。下面的图表是我的博客在去年某段时间内(2007年5月1日2007年6月30日),统计出来的关于浏览器类型的统计报告:

浏览器类型的报表(2007.5.12007.6.30)

对比第一份报表和第二份报表,可以发现,IE6的市场占有率在被IE7和FireFox快速的蚕食,其中IE7的抢占份额比FireFox更多。

通过对上面两份报表的分析,网页设计人员可以得到的信息是:

IE6依然是主流,需要提供绝对的页面兼容 IE7有着强劲的占有率和发展速度,也需要提供很好的页面兼容 FireFox的使用者在不停的增加,并有一定的市场占有率,需要提供较好的页面兼容 其他内核的浏览器,目前仍然不成气候,在页面兼容上只需要兼顾一下即可

黑马IE7

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

随着微软不停的采用更为 强劲和有效的推广手段 ,IE7的市场占有率将会进一步的扩展,较为保守的估计1-2年内IE7的市场占有率,将会高于IE6的市场占有率。所以,网页设计人员必须从现在就开始,关注IE7的一些改进和升级,特别是对于web标准方面的改进和变化。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

IE7不仅仅是市场占有速度方面表现出强劲的一面,在功能改进和对IE6bug的修正上也是有很大的动作。可以说,在web标准的道路上IE7走出了非常漂亮的一步。

IE7的web标准之道系列文章

IE7走出了漂亮的一步,但是我们呢?我们是否准备好了呢?我们是否了解IE7在web标准道路上的历程呢?我们是否也迈出了web标准的那一步呢?

《IE7的web标准之道》系列,我想从我知道的方面,细细数来IE7在web标准到了上的点点滴滴,相对于IE6的改进和升级,对于IE6中 bug的修正,为了兼容IE6而采取的一些措施和方法。我希望通过这个系列的写作,以及IE7市场占有率迅速膨胀的时代契机,让更多的朋友开始关注web 标准设计。

来源:https://www.tulaoshi.com/n/20160129/1483057.html

延伸阅读
标签: Web开发
发现很多朋友对 CSS 的优先权不甚了解,规则很简单。需要说明的一点,如果你的样式管理需要深层判断 CSS 的优先权,更应反思自己的 CSS 代码,是否合理?是否优化? CSS2.1 中规定了关于 CSS 规则 Specificity(特异性)的计算方式,用一个四位的数字串(注:CSS2 中是用三位)来表示,最后以 Specificity 的高低判断 CSS 的优先权。 Spec...
公务员大家肯定都不陌生,在许多人看来,国家公务员是一个金饭碗”,意味着一份稳定,高收入的工作,今天图老师小编就给大家介绍一下公务员体检,告诉大家公务员体检项目以及公务员体检标准。 公务员体检标准 按照国家的相关规定,国家的公务人员在经过国家公务员的录用考试结束后,对已经确定的考核对象,在进行考核前...
标签: Web开发
自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层div。 盒模型主要定义四个区域:内容(content)、内边框距(padding)、边框(border)和外边距(margin)。 对于初学者,经常会搞不清楚margin,padding之间的层次、关...
标签: Web开发
如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。 图1 盒模型图解 填充、边框和边界都分为上右下左四个方...
标签: Web开发
IE 处理 / 形式的结尾标签有问题。如下面这段: form table //form 如果使用 JavaScript 向表格内添加表单元素input,你会发现在 IE 中form并没有把这些input包含起来。为什么呢?看看table元素的 innerHTML 就知道了:第一行竟然是/form!可见 IE 对这种情况的处理有多糟糕。FireFox下就没有这种情况。 IE 的 DOM 模型不允许设置 table...

经验教程

906

收藏

28
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部