`
saybody
  • 浏览: 863833 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

IE7的web标准之道——1:前言(兼目录)

 
阅读更多
<div style="border-right: teal 1px dotted; border-top: teal 1px dotted; font-size: 9pt; float: right; border-left: teal 1px dotted; width: 115px; color: teal; border-bottom: teal 1px dotted; text-align: center;">
<img alt="" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/ie7road.png"><br>
IE7的web标准之道</div>
<p>IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升,微软终于推出了IE7。但IE7是否真的能够力挽狂澜,是否真的能够得到用户的信任,是否真的能够得到网页设计者的认可呢?</p>
<p>且看《IE7的web标准之道》系列文章,和你一起见证IE7的改变!</p>
<h4>两份报表</h4>
<p>什么也别说,让我们从一张统计图表开始。这是我的博客在最近一段时间内(2008年1月1日——2008年2月15日),统计出来的关于浏览器类型的报表——</p>
<div class="floatMPic">
<a title="web标准设计" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/ie7road01.gif" target="_blank"><img alt="web标准设计" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/ie7road01.gif"></a><br>
浏览器类型的报表(2008.1.1——2008.2.15)(点击图片查看完整大图)</div>
<p>从这份报表中可以清楚的看到IE6依然占据着半壁江山。而即使在<a title="博客园" href="http://www.cnblogs.com/" target="_blank">博客园</a>这样,使用FireFox浏览器较多的集合体用户中,FireFox的使用率也只是占到13%。位居第二的便是微软强力推广的IE7,份额已经占到接近30%。</p>
<p>如果说上面的统计图表,表明了IE7的市场占有率的话,那么下面的这张图表则说明了IE7的强劲的市场占有速度。下面的图表是我的博客在去年某段时间内(2007年5月1日——2007年6月30日),统计出来的关于浏览器类型的统计报告——</p>
<div class="floatMPic">
<a title="web标准设计" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/ie7road02.gif" target="_blank"><img alt="web标准设计" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/ie7road02.gif"></a><br>
浏览器类型的报表(2007.5.1——2007.6.30)(点击图片查看完整大图)</div>
<p>对比第一份报表和第二份报表,可以发现,IE6的市场占有率在被IE7和FireFox快速的蚕食,其中IE7的抢占份额比FireFox更多。</p>
<p>通过对上面两份报表的分析,网页设计人员可以得到的信息是——</p>
<ul style="margin: 0px 2px 10px 15px;">
<li>IE6依然是主流,需要提供绝对的页面兼容
    </li>
<li>IE7有着强劲的占有率和发展速度,也需要提供很好的页面兼容
    </li>
<li>FireFox的使用者在不停的增加,并有一定的市场占有率,需要提供较好的页面兼容
    </li>
<li>其他内核的浏览器,目前仍然不成气候,在页面兼容上只需要兼顾一下即可 </li>
</ul>
<h4>黑马IE7</h4>
<p>随着微软不停的采用更为<a title="强劲和有效的推广手段之一" href="http://www.cnblogs.com/JustinYoung/archive/2008/02/01/IE7-Update.html" target="_blank">强劲和有效的推广手段</a>,IE7的市场占有率将会进一步的扩展,较为保守的估计1-2年内IE7的市场占有率,将会高于IE6的市场占有率。所以,网页设计人员必须从现在就开始,关注IE7的一些改进和升级,特别是对于web标准方面的改进和变化。</p>
<p>IE7不仅仅是市场占有速度方面表现出强劲的一面,在功能改进和对IE6bug的修正上也是有很大的动作。可以说,在web标准的道路上IE7走出了非常漂亮的一步。</p>
<h4>IE7的web标准之道系列文章</h4>
<p>IE7走出了漂亮的一步,但是我们呢?我们是否准备好了呢?我们是否了解IE7在web标准道路上的历程呢?我们是否也迈出了web标准的那一步呢?</p>
<p>《IE7的web标准之道》系列,我想从我知道的方面,细细数来IE7在web标准到了上的点点滴滴,相对于IE6的改进和升级,对于IE6中bug的修正,为了兼容IE6而采取的一些措施和方法。我希望通过这个系列的写作,以及IE7市场占有率迅速膨胀的时代契机,让更多的朋友开始关注web标准设计。</p>
<p>因为工作的原因,我不能保证文章的推出速度,但是我会尽我所能,争取保证每周至少一篇的更新频率。<br></p>
<hr>
<div class="downloadList">
<h3 class="list">《IE7的web标准之道》系列文章列表</h3>
<ul class="uldownloadList">
<li>
<a title="《前言》 " href="http://www.cnblogs.com/JustinYoung/archive/2008/02/18/IE7_wsRoad_foreword.html" target="_blank">《IE7的web标准之道——1:前言(兼目录)》 </a>
    </li>
<li class="evenLi">
<a title="更丰富的CSS选择符" href="http://www.cnblogs.com/JustinYoung/archive/2008/02/20/IE7_wsRoad_selector.html" target="_blank">《IE7的web标准之道——2:(改进)更丰富的CSS选择符》</a>
    </li>
<li>
<a title="引起页面布局混乱的祸首" href="http://www.cnblogs.com/JustinYoung/archive/2008/02/25/IE7_wsRoad_overflow.html" target="_blank">《IE7的web标准之道——3:(修正)引起页面布局混乱的祸首 》</a>
    </li>
<li class="evenLi">
<a title="歌剧院魅影bug" href="http://www.cnblogs.com/JustinYoung/archive/2008/03/03/IE7_wsRoad_dup_characters.html" target="_blank">《IE7的web标准之道——4:(修正)歌剧院魅影bug 》</a>
    </li>
<li>
<a title="上去了!终于上去了!" href="http://www.cnblogs.com/JustinYoung/archive/2008/03/12/IE7_wsRoad_div_select.html" target="_blank">《IE7的web标准之道——5:(修正)上去了!终于上去了!》</a>
    </li>
<li class="evenLi">
<a title="置换元素与行距bug " href="http://www.cnblogs.com/JustinYoung/archive/2008/03/20/line-height-bug.html" target="_blank">《IE7的web标准之道——6:(修正)置换元素与行距bug 》</a>
    </li>
<li>
<a title="float双倍marginbug " href="http://www.cnblogs.com/JustinYoung/archive/2008/03/27/double-margin-float-bug.html" target="_blank">《IE7的web标准之道——7:(修正)float双倍margin bug 》</a>
    </li>
<li class="evenLi">
<a title="躲猫猫bug" href="http://www.cnblogs.com/JustinYoung/archive/2008/04/01/peekaboo-bug.html" target="_blank">《IE7的web标准之道——8:(修正)躲猫猫bug》</a>
    </li>
<li>
<a title="疯了的边框线" href="http://www.cnblogs.com/JustinYoung/archive/2008/07/04/Border-Chaos.html" target="_blank">《IE7的web标准之道——9:(修正)疯了的边框线》</a> </li>
</ul>
</div>
&lt;!--end:  downloadList--&gt;
<h4>相关文章列表</h4>
<ul style="">
<li>
<a title="《CSS基础:CSS选择符 》" href="http://www.cnblogs.com/JustinYoung/articles/css-selector.html" target="_blank">《CSS基础:CSS选择符 》</a>
    </li>
<li>
<a title="IE6、IE7、IE8共存方法" href="http://www.cnblogs.com/JustinYoung/archive/2008/03/14/IE6_IE7_IE8.html" target="_blank">《IE6、IE7、IE8共存方法》</a>
    </li>
<li>
<a title="《IE6与IE7,放纵的孩子与严厉的父亲》" href="http://www.cnblogs.com/JustinYoung/articles/754637.html" target="_blank">《IE6与IE7,放纵的孩子与严厉的父亲》</a>
    </li>
<li>
<a title="《介绍两个,b/s开发中我常用到的小工具》" href="http://www.cnblogs.com/JustinYoung/archive/2007/04/19/good-tools-for-web-developer.html" target="_blank">《介绍两个,b/s开发中我常用到的小工具》</a>
    </li>
<li>
<a title="《实例讲解符合中国特色的和网络现状的实用CSS Hack(附源码)》" href="http://www.cnblogs.com/JustinYoung/archive/2007/09/14/892414.html" target="_blank">《实例讲解符合中国特色的和网络现状的实用CSS Hack(附源码)》 </a>
    </li>
<li>
<a title="W3C官方网页中关于overflow的资料" href="http://www.w3.org/TR/CSS2/visufx.html#overflow" target="_blank">W3C官方网页中关于 overflow的资料</a>
    </li>
<li>
<a title="《Ghost in IE6.web标准网页IE6中的幽灵》" href="http://www.cnblogs.com/JustinYoung/archive/2007/06/14/783958.html" target="_blank">《Ghost in IE6.web标准网页IE6中的幽灵》</a>
    </li>
<li>
<a title="《Explorer 6 Duplicate Characters Bug》" href="http://www.positioniseverything.net/explorer/dup-characters.html" target="_blank">《Explorer 6 Duplicate Characters Bug》</a>
    </li>
<li>
<a title="《注释在IE中造成文字溢出的研究》" href="http://www.planabc.net/2006/10/06/comment_ie_bug/" target="_blank">《注释在IE中造成文字溢出的研究》</a>
    </li>
<li>
<a title="《一个常被问道的问题:如何让层盖住下拉列表框? 问题解决方案》" href="http://www.cnblogs.com/JustinYoung/archive/2007/07/18/821868.html" target="_blank">《一个常被问道的问题:如何让层盖住下拉列表框? 问题解决方案》</a> </li>
</ul>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics