2009-02-04 84 views
20

我想構建問題和解答頁面。常見問題的語義HTML標記

它不是一個列表,它不是表格數據,我不知道是否或如何,我應該使用<dl><dt><dd>

什麼是最好的語義的方式來建立它,並把它與CSS格式?

+0

一個關於語義令人沮喪的事情是,有時沒有權利或錯誤的答案。 ``

是合適的(由於其[在HTML5新的含義](http://html5doctor.com/the-dl-element/)),標題和段落的工作也很好,你也可以使用[``
/``](http://html5doctor.com/the-details-and-summary-elements/)製作摺疊常見問題解答,如果您有太多問題並希望保持整潔。 – 2014-02-28 20:18:08

回答

28

我一直使用的常見問題<DL>。通常使得問題鏈接的索引成爲錨點。

編輯...

我應該提到,這是我最語義方法的解釋。正如我所看到的,這正是<dl>的意思。

至於CSS,這真的是主觀的。我爲<dt>做了典型的標題風格樣式,它具有較高的字體重量,可能略高一些的字體大小,也許還有更大的字母/字間距。

無論與網站上的視覺效果的其餘部分很好地結合,使問題之間的關係,並回答顯而易見....

13

我會用最簡單的模型去;每個問題都是一個標題,在段落標籤中有答案。我想,清晰,合乎邏輯和語義上理智。

我不會用提到的定義列表標記的原因是,我不認爲,從純粹的語義點,即問題和答案適應純術語和定義的模具。

+2

2007年24期的一篇文章討論了DL的語義使用。它設法避免這種具體情況,但仍然是相關的。 http://24ways.org/2007/my-other-christmas-present-is-a-definition-list – 2009-02-04 23:41:20