将 HTML 表格转换为 href 链接选项卡答案

【问题标题】：Turn HTML table into href link tabs将 HTML 表格转换为 href 链接选项卡
【发布时间】：2016-03-05 22:18:21
【问题描述】：

我在这里浏览了一些关于如何将 HTML 表格行转换为可用链接的答案。我只能找到打算这样做的人 -

<tr>
    <td width="15%"><a href="">Test3</a></td>
    <td><a href=""><b>Test1</b></a></td>
    <td><a href="">Test2</a></td>
  </tr>

虽然这确实有效，但显然都是单独的链接，而不是我真正想要的。叫我挑剔，但我真的想瞄准类似于特权页面here的东西。

即整个表格行是一个链接，无论你点击哪里，它都会重定向。我不确定是否需要使用 HTML 表格或某种列表组？任何帮助都会很棒！

【问题讨论】：

你为什么使用表格？无序列表甚至浮动 DIV 会是更好的解决方案。
我认为这样做最适合，但我不太确定我必须有哪些其他选择才能实现我想要的。如果可能的话，你能提供一个小例子吗？
如果您查看您提供的链接的来源，您会看到 SO 使用的是 DIV 结构。
看看这个堆栈：Stack Table link

标签： html redirect hyperlink html-table

【解决方案1】：

我建议在下面添加 href 标签：

<tr>
<a href="https://google.com">
    <td width="15%">Test3</a></td>
    <td><a href=""><b>Test1</b></a></td>
    <td><a href="">Test2</a></td>
</a>
  </tr>

这将使所有具有相同 URL 的链接都可点击。但是，它看起来不会 100% 像特权页面，因为它没有样式。添加 CSS 后，您应该能够完全实现您想要的。

【讨论】：

【解决方案2】：

此解决方案确实是您可以正确使用 HTML 执行此操作的唯一方法

<tr>
    <td width="15%"><a href="">Test3</a></td>
    <td><a href=""><b>Test1</b></a></td>
    <td><a href="">Test2</a></td>
  </tr>

任何其他解决方案都涉及更改表格 CSS

【讨论】：