减少网页在IE中的错误–养成良好的编码习惯

相信凡是稍有实战经验的前端开发者,都对IE恨之入骨吧。虽然我不是专做前端的,但是也写过一些网页,调试过一些网页中常见的错误。IE的bug之多,我是领教过的。尽管如此,但是我们不能把我们在网页中的错误都归结于IE之过。毕竟IE早期的版本,开发的时间比较早,那时候网页开发的标准还不是很完善。有时候我们多注意些自身问题,也许就不会打开过多的IEbug的潘多拉魔盒。

总结的经验:

1)标签要正确的结束

在其他现代浏览器Firefox 、chrome等,如果网页中有未正确关闭的标签通常是不会破坏网页的布局的,但是在IE6中,如果有的标签没有正确的关闭,那么布局就会被打乱。所以如果遇到一个样式,无论自己怎么操作,IE6都置之不理的话,那么很可能就是标签未正确关闭所引起的。

2)尽量少的添加注释

在IE6中注释有可能触发一些样式错误,最常见的应该是li标签重复。所以添加注释虽然是一个很好的习惯,但是在HTML中添加注释的时候要小心一些。同时如果发现一些样式不是按自己的想法展现的,那么记住HTML中注释有可能触发IE6中的某些bug,从而引起样式的混乱。

3)body 中尽量不要添加内联样式

内联样式

<style type=”text/css”>

.webfuns.net{color:red;clear:both;}

</style>

以上这些IE错误我都遇到过,在这里总结出来。希望可以对刚进入前端开发的同学有些许帮助,尽量减少网页在IE中的错误。

参考文章:

1)Internet Explorer杯具历史

2)级联式样式表(CSS) 介绍

Ps:

同志们都积极的换IE8吧,因为做网页的需要我这里一直没有机会升级到IE8。

让我祈祷IE6早些死掉吧

发表评论

电子邮件地址不会被公开。 必填项已用*标注