在HTML5中的元素(超链接)中包装表行

Question

我正在尝试将表行包装在"a"元素(超链接)中,以使整行可单击.我正在使用HTML5 doctype,这应该允许这种事情,事实上我在链接中包装其他块级元素没有问题.事实上,围绕整个表包装元素似乎是有效的.

标记如下:

<table>
    <tbody>
      <a href="#">
          <tr>
              <td>25 Nov 2010</td>
              <td>Active</td>
          </tr>
      </a>
   </tbody>
</table> 

Answer 1

来自HTML5规范:

tr可以使用元素的上下文:

• 作为thead元素的孩子.
• 作为一个tbody元素的孩子.
• 作为一个tfoot元素的孩子.
• 作为表元素的子元素,在任何标题,colgroup和thead元素之后,但仅当没有tbody元素是table元素的子元素时.

这意味着你不能继承tr的a元素.在你的情况下,我会改为使用Javascript onclick.或者,您可以在每个行tds中放置相同的锚元素.

希望这可以帮助.