html - HTML5：使整个表格行无需 javascript 即可点击

Question

我希望整个表格行可点击，而不使用 javascript。互联网告诉我这不可能使用 HTML4，但我使用的是 HTML5，所以我充满希望。

但是，显而易见的不起作用：

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

Firebug 显示 Firefox在计算元素树时将<tr/>元素从包装器中拉出，并在之前<a/>放置一个空，如下所示：<a/><table/>

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

在我看来，我正在尝试的东西要么是标准不允许的，要么是 Firefox（和 Chromium，它表现出相同的行为）中存在一个错误。我猜是前者，事实上，HTML5 规范告诉我们<td/>不能在<a/>元素中使用，而只能在其他表格元素中使用：tr 元素。

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

Answer 1

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

Answer 2

您可以让可点击的行跨越您需要的列数，并将内容放在那一行

<table>    
        <tr>
            <td>col 1</td>
            <td>col 2</td>
        </tr>
        <tr >
            <td colspan="2">
                <a href="foo">
                   Clickable stuff.  If you need table columns here, you can nest a second table here
                </a>
            </td>
        </tr>
</table>