重写此代码:可点击的div

Question

我想改变这个:

<a href='foo'> 
    <div> Moo </div>
</a>

符合标准(你不应该在内联元素中有块元素).将javascript连接到div仅用于导航似乎是一个黑客并降低了可访问性.在这种情况下,我的要求是我的固定维度链接上的两组边框,因此上面的不兼容代码在应用样式后完美地工作.

另外," a { display:block; }"是否是绕过验证的合法方式？

Answer 1

为什么不在两个元素上使用<span>而不是<div>并设置display:block？

另外,回答你的后一个问题:我不相信添加显示:阻止; 你的锚将使它通过验证.验证器检查您是否遵循(X)HTML规则,而不是如何将页面呈现给用户.