Semântica HTML marcação para FAQs [fechado]

Question

Eu quero construir uma página de perguntas e respostas.

Não é uma lista, não é de dados tabulares e não tenho a certeza se ou como eu deveria usar <dl><dt><dd>.

O que é a melhor maneira semântica para construí-lo e formatá-lo com css?

Answer 1

Eu sempre uso

para FAQs. Normalmente tornando o

uma âncora para o índice de perguntas link.

Editar ...

Eu devo mencionar, esta é a minha interpretação da abordagem mais semântico. A meu ver, este é exatamente o tipo de coisa

destina-se a marcar.

Quanto a CSS, é muito subjetiva. Eu faço estilos típicos de título-ish para o

, com um alto font-weight, talvez um pouco maior font-size, e talvez maior espaçamento letra / palavra.

integra Quaisquer que sejam bem com o resto do seu visual no local e faz a relação entre a pergunta ea resposta imediatamente óbvio ....

Answer 2

Eu iria com o modelo mais simples; cada pergunta é um título, com respostas em marcas de parágrafo. Claro, lógico e semanticamente são, eu acho.

A razão que eu não iria usar as tags lista de definição mencionados é que eu não acho que, de um ponto de vista puramente semântica, que perguntas e respostas encaixa no molde de termos e definições puras.