顯示名稱/值對的適當HTML模式是什麼？

昨天晚上我對How can I style a list of name-value pairs to appear like an HTML table?問題發表評論時，我很受啓發，這樣的代碼不適合使用標籤。我應該用什麼來指示只讀模式下的固定名稱/更改值對？顯示名稱/值對的適當HTML模式是什麼？

<ol class="name-value" style="width: 100%;"> 
    <li>      
     <label for="about">Client</label> 
     <span id="about">Apartment Applied Visual Arts</span> 
    </li> 
    <li> 
     <label for="about">Report Date</label> 
     <span id="Span1">2011/08/08 16:50:10</span> 
    </li> 
    <li> 
     <label for="about">Report No.</label> 
     <span id="Span2">33251</span> 
    </li> 
</ol>

來源

2011-08-09 ProfK

爲什麼不使用表？ –

@梅林，你在開玩笑嗎？ – ProfK

沒有。不是每個瀏覽你的問題的人都會知道你爲什麼想要將表格數據轉換成列表，當表格看起來「顯而易見」時。我不是前端開發人員（甚至不記得表格元素是什麼樣子的），我陷入了這個小組。 –

我用definition lists：

<dl> 
    <dt>Key</dt> 
    <dd>Value</dd> 
    <dt>Another key</dt> 
    <dd>Another value</dd> 
</dl>

來源

2011-08-09 05:26:24 icktoofay

希望我可以不止一次地對此讚賞。太多的web開發人員不使用這些！ – OverZealous

同意。應該是一個很好的答案，最終，至少。 –

我首先嚐試了定義列表，但我選擇了一個有序列表，因爲我爲每個列表項目獲取了一個塊類型的容器。定義列表很難用於表格顯示。無論如何你都有我的投票。 – ProfK

顯示名稱/值對的適當HTML模式是什麼？

回答

相關問題