IE在<anchor>中不尊重<anchor>

Question

因此，我刚刚发现IE (即使是当前的10 & 11)不支持锚内的标签，tags...but支持在所述标记中的onclick操作。在更新菜单系统时遇到这种情况，并希望使用标签将菜单描述从相关快捷方式中分离出来。“重定向/处理”模式窗口显示得很好，但是事情就这样出现了。

<a target="_blank" href="http://www.google.com" onclick="console.log('you clicked me')">
    <label>I am a first label</label>
    <label>Look @ me, I'm second!</label>
</a>

当我深入探讨这个奇怪的话题时，我发现当我在标签上徘徊时，标签之间的空格表现为appropriately...only，这使我离开这里的能力消失了。

那么.有什么解决办法？

Answer 1

使用跨度.就是这样..。

<a target="_blank" href="http://www.theonion.com" onclick="console.log('you clicked me')">
    <span>I am another first label</span>
    <span>Look @ me, I'm another second!</span>
</a>

http://jsfiddle.net/bdGPB/1/