Семантическая разметка HTML для часто задаваемых вопросов

Я хочу создать страницу вопросов и ответов.

Это не список, это не табличные данные, и я не уверен, что и как я должен использовать <dl><dt><dd>.

Каков наилучший семантический способ его создания и отформатировать его с помощью css?

Ответ 1

Я всегда использую <dl> для часто задаваемых вопросов. Обычно изготовление <dt> якорь для индекса вопросов для ссылки.

изменить...

Я должен упомянуть, это моя интерпретация самого семантического подхода. Как я вижу, это точно такая вещь <dl> предназначен для обозначения.

Что касается CSS, это действительно субъективно. Я использую типичные стили заголовка для <dt> , с высоким размером шрифта, возможно, немного более высоким размером шрифта и, возможно, большим интервалом между буквой и словом.

Независимо от того, что хорошо интегрируется с остальными вашими изображениями на сайте и делает очевидным связь между вопросом и ответом....

Ответ 2

Я бы пошел с простейшей моделью; каждый вопрос - это заголовок, с ответами в тегах абзаца. Ясный, логичный и семантически разумный, я думаю.

Причина, по которой я не буду использовать упомянутые теги списка определений, заключается в том, что я не думаю, с чистой семантической точки зрения, что вопросы и ответы соответствуют форме чистых терминов и определений.