表与ul/li

我一直在玩不同的方式来显示数据，并一直在考虑从表中取出实际数据并将其显示在UL中。这使我在加价方面有更大的灵活性。表与ul/li

然而，我有一个想法 - 你如何使行（或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的内部链接。

有关此最佳实践的任何想法或建议？

来源

2013-03-19 Kieron Wallace

我看到**各种**嵌入到'a'标签中。虽然不标准，但不幸的是'a'标签是唯一可用作链接的项目（不使用JavaScript）。 – mattytommo 2013-03-19 09:23:51

如果您正在显示表格数据，然后显示在表格中。否则使用其他方式。不要试图重新发明表格。 – 2013-03-19 09:24:08

关于什么可以进入锚标签的文档？我只是推测你可以把任何东西放在那里。 – 2013-03-19 09:29:30

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

你可以让任何元素加入

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

的标签调用一个URL，但要知道，有没有右击选项，这和你需要的风格元素，使它显然这是一个链接。

你可以在这里进行测试：http://jsfiddle.net/WguUR/

然而这是不是一个“一”这样就足以封闭表字段的内容？

<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>

来源

2013-03-21 14:13:14 spiel

将表格数据放入列表当然有意义，因为它们可以做出响应，而表格不能。 – 2016-08-23 15:51:49

实际上，表可以作出响应@MathiasBader。您可以覆盖表格及其子项的默认显示特性。例如： table，tr，td display：block; } – 2018-01-26 18:23:30

回答

相关问题