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>