html - 标签中的 block 级元素，验证与可用性

Question

我经常用 <a> 包装 block 级元素标签以使整个组可点击。例如，假设我有一个事件列表:

<ul>
    <li>
        <a href="#" style="display: block;">
            <div style="float: left; display: inline;">12/12/2010</div>
            <div style="float: left; display: inline;">Some event information</div>
        </a>
    </li>
    <!-- etc... -->
</ul>

注意:应用内联样式仅作为示例。

这样，整个内容都是可点击的，而不仅仅是元素中的文本。

当然，位于 validator.w3.org 的 (x)html 验证器不喜欢这样，因为我将 block 级元素 ( <div> ) 放置在内联级元素 ( <a> ) 中。尽管如此，我正在使用 CSS 来定义 <a>标记为 block 级别，<div>标记为内联。

我一直根据经验编写代码，您应该始终努力编写有效的代码； 但是，如果您的代码未通过验证，并且您了解它为何未通过验证，并且您有正当理由不进行验证，那就不用担心了。

所以我的问题有三重:

1. 这是不验证的正当理由吗？
2. 可用性增益(通过具有更大的可点击区域)值得不验证吗？
3. 有没有更好的方法？

Answer 1

如下使用span是完全有效的，你可以达到同样的效果。

<a href="#" style="display: block;">
    <span style="float: left;">12/12/2010</span>
    <span style="float: left;">Some event information</span>
</a>