HTML таг dl
Пример
Кратък пример как се използва тагът <dl>.
<dl>
<dt>HTML</dt>
<dd>Език за маркиране, използван за създаване на уеб страници.</dd>
<dt>CSS</dt>
<dd>Език за описване на стила и подредбата на HTML елементи.</dd>
<dt>JavaScript</dt>
<dd>Скриптов език, който добавя интерактивност към уеб страниците.</dd>
</dl>Дефиниция и употреба
Виж как се ползва тагът <dl>.
Елементът <dl> (description list / definition list) се използва за представяне на списък от термини и техните описания, дефиниции или други свързани стойности. Вътре в <dl> се използват два основни елемента: <dt> (definition term) за самия термин и <dd> (definition description) за описанието му.
Типичната структура е поредица от един или повече <dt>, последвани от един или повече <dd>. Това позволява един термин да има няколко описания или няколко термина да споделят едно описание. Примерни употреби са речници, глосари, списъци с въпроси и отговори (FAQ), технически спецификации (име–стойност), контактни данни и др.
Елементът <dl> е блоково ниво и по подразбиране браузърите визуализират термините (<dt>) с по-силен шрифт, а описанията (<dd>) – с отстъп. Чрез CSS (включително Bootstrap 5.3 класове като .row, .col-*, .mb-*) може да се променя подредбата, да се правят колони или да се стилизира списъкът като таблица от тип „име–стойност“.
Семантичното използване на <dl> подобрява достъпността и разбирането на съдържанието от търсачки и помощни технологии, защото ясно указва връзката между термин и описание.
Browser Support
| Browser | Поддръжка |
|---|---|
 Chrome |
✔️ |
 Firefox |
✔️ |
 Edge |
✔️ |
 Safari |
✔️ |
 Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.