html - 在 标签中包装 HTML 表格行

Question

是否可以将整个表行包装在 <a> 中？标签？我希望整行成为一个可点击的链接。

如果我尝试以下操作，链接会呈现在表格的上方和外面:

这个:

<table>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
</table>

像这样呈现:

<a href="value_url"></a>
<a href="value_url"></a>
<table>
<tr><td>value</td><td>value</td></tr>
<tr><td>value</td><td>value</td></tr>
</table>

Answer 1

编辑 2021:
现在似乎有更好的选项，它们更语义化，对屏幕阅读器更友好。查看例如Jans solution .

原始答案:
由于每个 td 中的链接都不是一个好的选择，并且使用 js 有点脏，这是另一种 html/css 方法:

HTML:

<div class="table">
    <a class="table-row" href="/mylink">
        <div class="table-cell">...</div>
        <div class="table-cell">...</div>
        <div class="table-cell">...</div>
    </a>
</div>

CSS:

.table { display:table; }
.table-row { display:table-row; }
.table-cell { display:table-cell; }