我试图将表格行包装在“a”元素(超链接)中,以使整行可单击。我正在使用 HTML5 文档类型,它应该允许这种事情,事实上我在链接中包装其他块级元素没有问题。事实上,将 a 元素包裹在整个表格周围似乎是可行的。
标记如下:
<table>
<tbody>
<a href="#">
<tr>
<td>25 Nov 2010</td>
<td>Active</td>
</tr>
</a>
</tbody>
</table>
来自HTML5 规范:
元素所在的上下文tr
可以使用:
- 作为 head 元素的子元素。
- 作为 tbody 元素的子元素。
- 作为 tfoot 元素的子元素。
- 作为表元素的子元素,位于任何 title、colgroup 和 thead 元素之后,但前提是不存在作为表元素子元素的 tbody 元素。
这意味着你不能继承tr
in a
元素。
在你的情况下,我会使用 Javascript onclick 代替。或者,您可以在每一行中放置相同的锚元素td
s.
希望这可以帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)