語義：是表或一個細節

Question

我想，對於像這樣的榜 「榜首」 更好的列表：

• OS的iOS
• 版本 5.1
• 大小12.5MB

（不應有實際上是一個點或者在它前面的任何其他列表樣式，它只是爲了使其更具可讀性）

是更好地使用列表（像這樣的例子）。

<ul> 
    <li> 
     <h3>OS</h3> 
     <p>iOS</p> 
    </li> 
</ul> 

或表：

<table> 
    <tbody> 
     <tr> 
      <th>OS</th> 
      <td>iOS</td> 
     </tr> 
    </tbody> 
</table> 

或者是連定義列表（dl）最準確嗎？

就我個人而言，我會列出一個列表，但我不確定如何在<li>標籤內包裝語義上正確的內容。

我讀過一篇關於它的有趣文章"DEFINITION LISTS VERSUS TABLES"，但我仍然不確定。

Answer 1

從HTML5開始，dl肯定是語義最合適的： http://html5doctor.com/the-dl-element/。

除非您打算以表格方式列出多個數據/行的實例，否則表格根本就沒有意義。

由於響應式設計等原因，我通常比列表更喜歡列表，但作爲一個經驗法則，除非您處理的概念是矩陣的視圖，而不是單個記錄的細節或其他單個集合的關鍵/值屬性很難證明表格的正確性（並且不管在這種情況下dl是什麼與使用完全匹配）。

Answer 2

我會用表。您正在嘗試組織鍵值對，我認爲這些對比列表更容易以表格格式表達。如果您不包含密鑰名稱，即如果您省略了操作系統，版本和大小，我會使用列表。