Найти тему
Дмитрий Давыдов

7 лет в верстке, но ни разу не столкнулся с этим тегом.

Список в виде dl, dt, dd – что это такое и зачем он нужен.

Относительно недавно я получал сертификат от mail.ru и в тестах попался вопрос что-то вроде «для чего нужен тег dl». Честно говоря – я даже растерялся, так как мало того, что никогда не использовал его, так еще и никогда и ничего не слышал о нем. Отвечал на этот вопрос наугад, ведь в тестах пропускать – не вариант, но конечно же решил разобраться что это за тег и зачем он нужен.

Как оказалось элементы dl, dt, dd нужны для создания списка определений.

  • <dl> — это общий контейнер, аналог <ul>, <ol> (расшифровывается как description list) обозначает сам список описаний;) а вот внутри уже идут отличия,
  • <dt> – термин (расшифровывается как description term – то есть сам термин, название),
  • <dd> – определение термина (description definition).

Получается что-то вроде:

<dl>
<dt>Photoshop</dt>
<dd>Редактор растровой графики</dd>
<dt>Illustrator</dt>
<dd>Редактор векторной графики</dd>
</dl>

Тест, кстати, сдал, в тот момент, на бронзу и получил сертификат. А вы встречались с этим тегом ранее? Есть еще опыт работы с редко используемыми тегами?

#frontend ##html #css #js #javascript #jquery ##freelance ##вёрстка #landingpage #лендингпейдж