html - 重写这段代码 : clickable divs

Question

我想改变这个:

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

要符合标准(你不应该在内联元素中有 block 元素)。将 javascript 连接到 div 仅用于导航似乎是一种 hack 并且会降低可访问性。在这种情况下，我的要求是在我的固定尺寸链接上设置 2 组边框，因此上述不兼容的代码在应用样式后可以完美运行。

此外，“a { display:block; }”是规避验证的合法方式吗？

Answer 1

为什么不使用 而不是

并在两个元素上设置 display:block？

此外，回答您的后一个问题:我不相信将 display:block; 添加到您的 anchor 会使其通过验证。验证器检查您是否遵循 (X)HTML 规则，而不是检查如何向用户呈现页面。

关于html - 重写这段代码 : clickable divs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/278278/