HTML5 : Make an entire table row clickable without javascript

Question

我想在不使用 javascript 的情况下让整个表格行可点击。互联网告诉我这对于 HTML4 是不可能的，但我使用的是 HTML5，所以我充满希望。

然而，显而易见的是行不通的:

<table>    
    <a href="foo">
        <tr>
            <td>…</td>
            <td>…</td>
        </tr>
    </a>
</table>

Firebug 显示 Firefox 提取了 <tr/> <a/> 中的元素计算元素树时的包装器，并放置一个空的 <a/>在 <table/> 之前像这样:

<a href="foo"> </a>
<table>
    …
</table>

在我看来，我正在尝试的要么是标准不允许的，要么是 Firefox(和 Chromium，表现出相同的行为)中存在错误。我猜是前者，实际上，HTML5 规范告诉我们 <td/>不能在 <a/> 中使用元素，但仅在其他表元素中:The tr element .

关于如何使用 HTML5 实现可点击表格行的任何其他提示？

Answer 1

显然，这在 HTML5 中没有改变，所以我们仍然有提到的解决方法。