先来看一段代码:
<a href="http://www.kuabaobao.com/" target="_blank">
<span>挎包包</span> <!--IE or FF 下鼠标放上去是手形状-->
<label>kuabaobao</label> <!--FF 下鼠标放上去是手形状; IE 下鼠标放上去是箭头形状-->
</a>
这段代码有什么问题吗?
测试显示:FF、谷歌等浏览器点击“挎包包” 或者 “kuabaobao” 都能打开新窗口链接。
然而,IE下,点击“挎包包”可以链接, 点击“kuabaobao”则不能链接过去。
这是为什么呢?=========~。~
来看一下label标签的定义和用法:(参见:http://www.w3school.com.cn/tags/tag_label.asp)
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
看过后,我第一感觉是,IE完全按照定义来表现的,很正规吗,对IE的好感,从0到了1。。。。
慢着~~~~~~为什么正统的FF会表现出可以点击链接呢? 不懂,期待高手点播一二!!!