Тег <dd> в HTML: Опис, Синтаксис і Приклад
Тег <dd> використовується разом з тегами <dl> і <dt> для створення списків визначень. Кожен такий список починається з контейнера <dl>, де <dt> вказує термін, а <dd> - його визначення. Закриваючий тег </dd> не є обов'язковим, але краще завжди закривати всі теги.
Синтаксис
<dl>
<dt>Термін 1</dt>
<dd>Визначення терміну 1</dd>
<dt>Термін 2</dt>
<dd>Визначення терміну 2</dd>
</dl>
Закриваючий тег
Не є обов'язковим.
Атрибути
Для цього тега доступні універсальні атрибути та події.
Приклад
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Список визначень</title>
<style>
dd {
font-style: italic; /* Курсивний шрифт */
}
dt {
margin-top: 1em; /* Відступ зверху */
}
</style>
</head>
<body>
<dl>
<dt>GIF</dt>
<dd>Формат графічних файлів, широко використовується при створенні сайтів. GIF використовує 8-бітовий колір та ефективно стискає рівні кольору, зберігаючи деталі зображення.</dd>
<dt>JPEG</dt>
<dd>Популярний формат графічних файлів, широко використовується при створенні сайтів та зберіганні зображень. JPEG підтримує 24-бітовий колір, зберігаючи яскравість та відтінки кольорів на фотографіях. Цей формат відомий як "втрата" через те, що алгоритм JPEG відкидає певні дані. Метод стиснення може спотворити деталі на зображенні, особливо з текстом або чіткими краями. Формат JPEG не підтримує прозорість, тому коли ви зберігаєте фотографію у форматі JPEG, прозорі пікселі заповнюються певним кольором.</dd>
</dl>
</body>
</html>Результат цього прикладу показано нижче.