使用嵌套列表而不是表格來顯示HTML中的數據

而不是使用HTML表格，我正在考慮使用嵌套列表結構來顯示類似於表格的數據。使用嵌套列表而不是表格來顯示HTML中的數據

例如：

<div class="table"> 
    <ul class="row"> 
     <li class="cell col-id"></li> 
     <li class="cell col-name"></li> 
     <li class="cell col-age"></li> 
    </ul> 
</div>

我的理由：

更舒適的造型塊元素比tr S和td秒。
ul/li元素似乎在風格選擇方面更加靈活，使用JQuery等
是不是表重和渲染一下子？

另一方面，我看不出使用HTML表格的好處。

我的基地在這裏嗎？如果是這樣，請解釋使用HTML表的好處，因爲我似乎無法記住任何。

來源

2011-01-23 Yarin

對我來說，沒有比用表格來一個網頁的佈局不同。通過使用ul來表示表格數據，可以打破頁面的語義。以下不是一個詳盡的清單，但突出了一些的原因我會用表格堅持：

如果有人瀏覽藉助CSS您的頁面關閉，列表不會保留一個表的外觀和意志很難解釋
屏幕閱讀器將不能夠認識到這些表使它成爲一個無障礙的問題。此外，這並不重要，但如果有人想直接從您的網站解析您的數據，他們將不得不找出您的列表格式。
你的一些THEAD，TFOOT和TBODY的好處被淘汰出局。除此之外，thead的一大優點是，如果您打印的表格跨越多個頁面，則表格行上方的每個頁面上都會顯示thead中的標題。你決定使用WYSISYG編輯
我，你將無法使用一些表創建嚮導。
如果其他人將不得不在將來維護你的網站，他們將不得不學習這個新系統的具體情況來表示表格數據。

這些只是使用表格的一些參數。

如果你決定去與列表中的解決方案，我只想說運氣好會有興趣看看它是如何工作的。

來源

2011-01-23 15:34:04

@ Waleed-好點 - 謝謝你的具體參數，特別是有關輔助功能。 – Yarin 2011-01-24 13:51:11

一個簡單的想法：甲表意味着片狀組織對信息，即每一行的第n個值表示該行的相同屬性。嵌套列表並不意味着從屬列表中的項目之間的關係。

我沒有任何具體的理由來使用其他功能和像jQuery這樣的強大工具，這可能是你可以完成你想要的任何組織。

然而，所有其他的事情都是平等的，爲了簡單起見，我會盡量選擇最自然的模型數據的代表性。它將未來維護人員（包括將來您）的「意外因素」降到最低，並且當您的方案與預期用例匹配時（例如表格數據在表格中），您可以找到更好的工具支持。

我並不想談論它，你出來 - 我只是給你要考慮的事情，如果你有沒有。但是，實驗是我們學習的方式，探索增加了香料，以及它的應用程序。我說試試看。

來源

2011-01-23 15:11:41

@ Bert-說好了，謝謝你 – Yarin 2011-01-23 15:34:36

使用嵌套列表而不是表格來顯示HTML中的數據

回答

相關問題