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

StackOverflow https://stackoverflow.com/questions/513888

  •  21-08-2019
  •  | 
  •  

Вопрос

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

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

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

Это было полезно?

Решение

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

Редактировать...

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

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

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

Другие советы

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top