<a href="http://www.baidu.com/" target="_blank">
<span>百度</span> <!--IE or FF/chrome下鼠标放上去是手形状-->
<label>baidu</label> <!--FF/chrome 下鼠标放上去是手形状； IE 下鼠标放上去是箭头形状-->
</a>
可以分别在ie，FF,chrome试试，肯定是会有不同的。
当你点击"label"时，在ie下肯定是链接不了的。想知道原因吗。其实这就要追溯到它的本质。
来看一下label标签的定义和用法：（参见：http://www.w3school.com.cn/tags/tag_label.asp）
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
故而IE完全按照定义来表现的，着实是要求非常规范。
然而为此引出的话题就是，你理解了label吗？
来再看一段代码:
<table>
<tr>
<td><label for="username">用户名：</label></td>
<td><input type="text" name="username" id="username"></td>
</tr>
<tr>
<td><label for="password">密码：</label></td>
<td><input type="password" name="password" id="password"></td>
</tr>
<tr>
<td><label for="repassword">密码确认：</label></td>
<td><input type="password" name="repassword" id="repassword"></td>
</tr>
<tr>
<td><label for="_basketball">爱好：</label></td>
<td>
<label><input type="checkbox" value="basketball" name="hobby" id="_basketball">basketball</label>
<label><input type="checkbox" value="football" name="hobby" id="_football">football</label>
<label><input type="checkbox" value="skating" name="hobby" id="_skating">skating</label>
<label><input type="checkbox" value="dance" name="hobby" id="_dance">dance</label>
</td>
</tr>
<tr>
<td><label for="_boy">性别：</label></td>
<td>
<label><input type="radio" value="boy" name="sex" id="_boy">boy</label>
<label><input type="radio" value="girl" name="sex">girl</label>
</td>
</tr>
<tr>
<td><label for="email">邮箱：<label></td>
<td><input type="text" name="email" id="email"></td>
</tr>
<tr>
<td><label for="address">住址：</label></td>
<td><input type="text" name="address" id="address"></td>
</tr>
</table>
我们可以清楚地看到label的for标签的value = 跟它相关的表单控件的id的value 。（也就解释了这句话“label标签为 input 元素定义标注（标记）”）
还有就是，当你点击“用户名”的文本时，光标自动移到用户名对应的表单控件里。（也就是解释了当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上）。
反之，当你去掉label的for标签时，就真的只是呈现文本的作用。
这样就进一步，印证了为什么label在ie下使得a标签链接失效，因为label标签本身不就是这么用的。