#css #xhtml #w3c #semantic-markup #screen-readers
#css #xhtml #w3c #семантическая разметка #программы чтения с экрана
Вопрос:
В каких сценариях мы должны использовать <dl> не <ul> ?
Имеет ли это значение для пользователя программы чтения с экрана <ul> или <dl> ? программа для чтения с экрана уведомляет пользователя о том, что содержимое находится в <ul> или <dl> ?
Ответ №1:
<dl> — это список определений. Его следует использовать в таком случае, как, возможно, словарь:
Пример использования:
<dl>
<dt>Thesaurus</dt>
<dd>A book for finding synonyms of other words, often alphabetical. Similar to a dictionary.</dd>
</dl>
Результат вышеописанного:
- Тезаурус
- Книга для поиска синонимов других слов, часто в алфавитном порядке. Похоже на словарь.
Идея в том, что определяемый термин содержится в <dt> элементе, а определение этого термина дано в <dd> .
<ul> — это неупорядоченный список. Теперь a <dl> не подразумевает никакого порядка в своем содержимом, но оно подразумевает семантическую связь между его дочерними элементами. <ul> , однако, может содержать все, что не упорядочено.
Комментарии:
1. Я заметил, что Google использует его для своего главного меню на сайте Material Design .
2. Обратите внимание, что у вас также может быть несколько
<dt>per<dd>иmultiple<dd>` per<dt>. В вашем примере может быть больше слов, означающих одно и то же, и одно и то же слово (ы) может иметь больше значений.
Ответ №2:
Когда вы работаете с набором определений, а не просто со списком неупорядоченных элементов.
Комментарии:
1. какое имя пользователя, а затем краткое описание о человеке? а для ответов на вопросы?
2. Если это определение, используйте
dl. Это просто список,ul. Названия говорят сами за себя. Конечно, будут некоторые случаи, когда может быть трудно сказать, что лучше, но беспокоиться не о чем.
Ответ №3:
В неоднозначных случаях, подобных вашим примерам в комментарии к ответу Джонатана (имя пользователя, затем описание, вопрос, затем ответ), почему бы вам не установить пробную версию программы чтения с экрана или двух и выяснить, какая конструкция читается наиболее подходящим образом?
Вот два (отсюда):