Skip navigation.

踩 IE

I hate IE forever.

April 2006

( Monthly archive )

简述 label 标签的用法

直接引用 MSDN 的上的描述

使用 LABEL 对象

HTML 4.0 规范引入了 LABEL 对象,您可以使用它来将文本与其他任何 HTML 对象或内部控件相关联。无论用户单击 LABEL 或者 HTML 对象,链接的 LABEL 和 HTML 对象在引发和接收事件时行为一致。要链接 LABEL 和 HTML 对象,请将 LABEL 的 FOR 属性设置为等于 HTML 对象的 ID 属性。

下列示例将 LABEL 控件与文本框相关联。当用户单击 LABEL 控件(或者按下 ALT+T 组合键)时,LABEL 控件会将焦点设置到文本框:

<label for="txtInputBox"><u>T</u>ype value:</label>
<input type="text" id="txtInputBox" name="txtInputBox" accesskey="t" />

label 主要是给表单组件增加可访问性设计的,一般我们都把 label 用在表单里。除以上方法,还可以直接用 label 套嵌整个表单组件和文本标签,如下面的例子:
<form action="..." method="post">
<p>
<label>
   First Name
   <input type="text" name="firstname" />
</label>
<label>
   <input type="text" name="lastname" />
   Last Name</label>
</p>
</form>

根据 规范 这样文本会自动与邻接的表单组件关联,遗憾的是 IE 并不支持这个特性。

第一届北京CSSer网页标准聚会

应该说,这也是中国第一届网页标准主题聚会。

流程:
  • happydesignerlukhnos 简单介绍了他们这个组织以及推广web标准的计划和心得。
  • 阿捷上台作演讲,我们的现状、所遇到的困难、将来的发展规划等等,翻译网站重构的背景,建一个WEB标准人才库,还提议可以定期来类似的聚会,结果大家一致响应。
  • 大家自由踊跃发言,电子工业出版社的冰冰表示将来还会出类似的书,期待啊。最后大家分成了小组讨论。直到各自散去。

参加聚会的不只有WEB标准的爱好者,还包括了一些从事UE和产品人员,通过交流,大家遇到的问题基本都是差不多的。WEB标准现阶段还是比较理想化的东西,从构建到实施需要付出很大的代价,其中

  • 学习的成本,用阿捷的话说,一个勤奋好学的设计师至少需要一个月时间来适应这种新模式。
  • 推广的成本,如何说服公司的领导层支持标准?光有水平和口才恐怕还不够,如果老板只认前期效率和成本那你就死心吧。
  • 沟通的成本,你不能指望公司所有参与项目的人都懂标准,为了代码的尽善尽美和合理规划,你需要和设计师以及程序员做很多的沟通工作。

目前来讲,还没有一个科学且适用范围较广的模式供参考,大家都在实践中摸索。现在,技术已经不是问题,如何推广这个理念才是首先要面对的问题。

其实,这样的聚会真应该多办办,通过聚会大家相互交流学习,增强信心和知识面,如果能引起业内一些大人物的注意就更好了,无论如何,老板们不重视和支持我们,那我们永没有出头之日。P:

ETC:
  • 很荣幸能见到阿捷并和他交流,真人和网上一样和蔼可亲,下次一定带着我那本《网站重构》找他签名。
  • 有的人发言声音不大,以后可以考虑准备一个话筒。
  • 电子工业出版社的冰冰很漂亮。
  • 这次算是bokee的主场,又见到了不少老同事。怀念怀念~

为什么要踩IE?

今天看到了 andy学习网页标准不是为了打倒IE 一文,作为IE的“痛恨者”之一自然要回复一下。

显然,IE作为微软公司的垄断产品之一是几乎不可能被打倒的,作为一个网页开发者,骂IE只是对其给我工作带来麻烦的一种发泄方式以及表明我的态度和立场。

在我的理解中,WEB标准给网页开发者带来的好处主要就是提高效率,节约开发成本。WEB标准组织 成立的初衷也是如此。毫无疑问,现在IE就是最大的绊脚石,很多时候原本简单的事情因为照顾IE反而变得复杂了,而彻底解决此问题的日子现在看又是那么的遥遥无期。

浏览器的容错性高的确能在某些时候提高开发者的效率,但从长远讲却是非常不利的,这会使开发者养成很多不良习惯,所以我不认为容错性高能算是一个浏览器的“优点”。而我认为IE并非是“兼容性好”,Opera和Fx也不是“兼容性不好”,大部分问题的发生主要是由于开发者主要或只拿IE调试页面造成的,那本来就是只针对IE开发的网页。

群众永远是盲目的,左右他们的是习惯。很多人使用IE仅仅是因为它被捆绑在Windows里,随手可用,甚至有的人提到“浏览器”这个词脑子只有IE。以IE作为“标准”来评价其他浏览器是不公平和荒唐的,这没有任何参考价值,也不能证明什么。综上所述,包括IE7在内,IE系列产品目前已经没有任何技术优势可言。我不认为用户多的产品就一定不是糟糕的产品,也不认为用激烈言辞指责这个糟糕的产品是偏激的行为。垄断带来的是不思进取——微软和IE证明了这句话的正确性。

我仍然会继续踩IE,直到IE能做到Opera和Fx的地步为止。

方便的Gmail

今天刚发现 Gmail 也可以通过订阅 RSS 来显示新邮件,这对我这种懒得经常查看新邮件和装邮件客户端的人来说真是一个莫大的福音啊~嘿嘿~:D

很实用的DHTML网站

IE一个极其愚蠢的宽度计算BUG

当你想使用一个3列均为相对宽度,总宽度为100%的流动布局时,请注意,IE也许会给你开一个大玩笑,看下面的代码:
<style type="text/css">* {
margin:0;
padding:0;
}
.div1 {
float:left;
width:15%;
background:red;
}
.div2 {
float:left;
width:70%;
background:#00FFCC;
}
</style>
<div class="div1">此处显示  class "div1" 的内容</div>
<div class="div2">此处显示  class "div2" 的内容</div>
<div class="div1">此处显示  class "div1" 的内容</div>


请把分辨率调至1024*768,然后打开IE最大化窗口后看这段代码的显示效果。
不出意外的话,第三列应该跑到下面去了。如果拖动窗口改变窗口大小的话,会看到3列有时可以并列有时不可以,显然这是IE的宽度计算不够精确导致的。

结论:I hate IE forver.
April 2006
S M T W T F S
March 2006May 2006
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29