Category Archives: W3C
能支持IE6的前端更牛,还是敢对IE6说不的更牛?
前几天群里探讨一个问题,作为一个前端,是能够支持更多的浏览器比较牛,还是勇于对IE6说不,更牛一些呢?IE6在其特定历史时期内起到了举足轻重的作用。而如今,是时候让他寿终正寝,离开历史舞台的时候了,他却欲罢还休不离不弃。面对这种态势我们能做些什么吗? 1.臭名昭著的IE6 IE6已经成为现代前端工作者的痛。是的,IE6有无数的毛病,无数的bug。尤其是在现今以CSS作为控制HTML表现得今天,IE6所具有的无数CSS毛病更是让现今的前端工作者痛不欲生。随便就能举出几个问题:双倍边距,3px,重影等问题。IE6也不能彻底支持:hover这种伪类。这些使开发者不得不为IE6制定特定的规则,不论是使用hack、条件注释、条件CSS或者使用JS来弥补,都不同程度上增加了工作量,降低了产值。而如今,大量在线应用的出现,丰富的JavaScript内容的存在,IE6底下的JS执行效率严重阻碍了体验。此外,还有png不透明度的问题。 实际上,这也不能怪IE6,他出现的时候,全世界还都是在表格布局的控制下呢。自然他对标准的支持比不上其他后起之秀。尤其是最近动作很多的以webkit核心的浏览器。 但IE6罪恶之处在于:当他完成历史使命后,依然霸占着互联网的舞台。 2.IE6为何还不退散 首先,微软不主动更新IE6,而是直接推出IE7,并且不强制推送。IE7和IE6界面使用习惯的区别,导致了IE6在很长一段时期内霸占着市场。我就曾经给辅导员升级到IE7,结果又被勒令退回IE6。所幸,这个现象从去年开始已经有所改观了,去年年初起,微软已经开始推送IE7了,而现在IE8也已经在推送了。强制推送的好处是,很大一部分低端用户不会卸载,只能默认接受。虽不人道,也迫于无奈。 另一个导致IE6无法推出历史舞台的原因,也恰恰是微软的Vista的失败。实际上,IE6进入市场取代IE5.5也正是从XP普及开始的。而Vista迟迟无法普及,就导致了其捆绑的IE7无法普及。 还有一个原因,也是由于IE6拖了太长时间,反而导致很多公司内部系统只能在IE6下正常运行,进一步导致这些公司无法部署更高级版本的IE。 实际上,虽然我主要浏览器是chrome和firefox,我本人系统也装的是IE6,一方面是开发需要,另一方面是,IE6速度确实比IE7和IE8快很多。开个网银也更令人惬意。 在这些多重原因的驱使下,IE6成了阴魂不散的恶鬼。 另外,月光博客也有过分析过 IE6在中国依旧占据了庞大市场的原因,可以移步看看。 3.前端工作者的现状 IE6对于标准的践踏的同时,超高的占有率给了所有前段开发者不能抛弃IE6的理由。痛苦,但却无可奈何。 前端工作者为啥不能无视IE6?老板用IE6,老板的朋友用IE6,这是普遍的原因之一。当然,也有拿出数据说,我们网站40%的人还在用IE6访问。 于是,为了那些IE6的用户(包括自己的老板和老板的朋友),前端们不得不为了IE6单独写hack。就我目前经验来说,我现在唯独专门写hack的就是IE6了,其他各种浏览器下几乎没有出入。 是的,为IE6多付出的工作量还是可以换来对应的回报的,也为此,在国内前端们无奈的“纵容”下,IE6用户升级速度进一步放缓。 4.国内外如何推动IE6的灭亡 前几天,国外著名科技网站 Mashable 一篇名为: IE6 Must Die for the Web to Move On 报道,希望IE6能尽快滚蛋中文翻译版。另外,Twitter上也有对应的头像加工的网站,在自己的头像上加上一个小图标: http://twibbon.com/Join/IE6-Must-Die 国外几大网站纷纷针对IE6用户设置了升级的提示。 twitter: youtube: facebook: 5.我们可以做些什么 是的,面对这个浪潮,我们可以做什么?一味得妥协?主动行动起来吧! 要相信只要每个人的共同努力,就一定可以让IE6离开这个舞台。 … Continue reading
button元素比起input的优势
实际上button和input两个都可以用来做按钮,而且格式非常相似 asfd 但是,button比起input来说可以提供更加丰富的内容 因为里边是可以包含HTML标签的 这样就可以做到如下的效果 [html] OK ,I'm. [/html] 怎么样,用传统的input做不到吧 但是务必注意,type在FF下,是必须的。否则如果一旦这个button出现在form中(ASPX常常会这样)而未加上type="button"的话,就会提交表单的! 他支持submit/reset/button 当然也有value属性~ 更多参数可以参考 总之强烈推荐用button代替input,更符合语义,即,这里我想要一个按钮,而不是一个什么“输入”的东西 英文: http://www.w3schools.com/tags/tag_button.asp 中文: http://www.w3school.com.cn/tags/tag_button.asp

