Каковы преимущества использования списков описания HTML (dl, dt, dd)? - PullRequest
0 голосов
/ 14 декабря 2018

MDN объясняет, что теги <dl>, <dt> и <dd> могут использоваться для реализации глоссария или списка пар ключ-значение.

Согласно maxdesign.com.au (статья, опубликованная в 2004 году, ее описания могут быть неточными), есть даже недостатки в их использовании:

  • <dt> в списках определений не может содержать элементы уровня блока;
  • Поисковые системы не будут индексировать содержимое списка определений «так же, как они делают для содержимого на основе заголовков»;
  • Они не могут содержать функции доступа к программам чтения с экрана, такие как «метки» и «заголовки », чтобы связать информацию вместе.

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

Есть ликакие-нибудь ощутимые преимущества (с точки зрения семантики, SEO и т. д.) использования списков описания HTML над таблицами, абзацами или, возможно, любым другим элементом?

1 Ответ

0 голосов
/ 14 декабря 2018
  • <dt> в списках определений не может содержать элементы уровня блока;

Неверно - <dt> s может содержать некоторые элементы уровня блока, такие как абзацы,

  • Поисковые системы не будут индексировать содержимое списка определений "так же, как они делают для содержимого на основе заголовков;

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

  • Они не могут содержать функции доступа к программам чтения с экрана, такие как «метки» и «заголовки».”, Чтобы связать информацию.

В основном не соответствует действительности.<dt> не может содержать заголовки.<dd> может.Оба могут содержать метки (хотя было бы довольно странно хотеть иметь их в <dt>).

Есть ли какие-либо ощутимые преимущества (с точки зрения семантики, SEO и т. Д.) ИспользованияHTML-списки описаний над таблицами, абзацами или, возможно, любым другим элементом?

<dt> s автоматически получают роль «термин» для инструментов доступности.<dd> s автоматически получает роль «определения» для инструментов доступности.

...