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

回答

相關問題