Question

我一直在玩不同的方式来显示数据，并且一直在研究将实际数据从表中取出并在UL中显示。这使我在标记方面具有更大的灵活性。

然而，我有一个想法 - 你如何使行（或在这种情况下的UL）可点击？

我不想使用任何JavaScript，所以我的第一个想法是这样的：

<div class="liTable">
<ul class="headerRow">
    <li class="cell col-1">title1</li>
    <li class="cell col-2">title2</li>
    <li class="cell col-3">title3</li>
    <li class="cell col-3">title4</li>
</ul>
<a href=”myURL”>
    <ul class="row">
        <li class="cell col-1">1</li>
        <li class="cell col-2">2</li>
        <li class="cell col-3">3</li>
        <li class="cell col-3">4</li>
    </ul>
</a></div>

但是这种加价是非法的，因为你不能把ul放在链接里面。

对此最佳做法的任何想法或建议？

Answer 1

请将表格数据放入表格并将数据列入清单，这就是它们的用途。

您可以通过添加

使任何元素调用URL

 onclick="location.href='http://www.example.com';"

到标签，但请注意，没有右键单击选项，您需要设置元素的样式以使其明显是链接。

您可以在此处进行测试：http://jsfiddle.net/WguUR/

但将表格字段的内容包含在这样的“a”中是否还不够？

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td><a href="http://www.example.com">January</a></td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

表格与ul / li

1 个答案: