sintaxis - semantica html5 ejemplos
Marca HTML semántico para preguntas frecuentes (2)
Quiero construir una página de preguntas y respuestas.
No es una lista, no son datos tabulares y no estoy seguro de si debo usar <dl><dt><dd> o cómo.
¿Cuál es la mejor forma semántica para construirlo y formatearlo con CSS?
Me gustaría ir con el modelo más simple; cada pregunta es un encabezado, con respuestas en las etiquetas de párrafo. Claro, lógico y semánticamente sensato, creo.
La razón por la que no utilizaría las etiquetas de lista de definiciones mencionadas es que no creo, desde un punto de vista semántico puro, que las preguntas y respuestas se ajusten al molde de términos y definiciones puros.
Siempre uso <dl> para preguntas frecuentes. Por lo general, hacer que el <dt> sea un ancla para el índice de preguntas para vincular.
editar...
Debo mencionar que esta es mi interpretación del enfoque más semántico. Tal como lo veo, este es exactamente el tipo de cosas que <dl> pretende marcar.
En cuanto a CSS, es realmente subjetivo. Hago estilos típicos de encabezado para el <dt>, con un alto peso de fuente, tal vez un tamaño de letra ligeramente mayor, y tal vez un mayor espaciado entre letras y palabras.
Lo que sea que se integre bien con el resto de sus imágenes en el sitio y hace que la relación entre la pregunta y la respuesta sea inmediatamente obvia ...