Основний вміст

  • <body>

Тег <dt>

Інтернет ЕксплорерХромОпераСафаріФайрфоксAndroidiOS
3.0+1.0+2.0+1.0+1.0+1.0+1.0+

Специфікація

HTML:3.24.015.0XHTML:1.01.1

Опис

Тег <dt> призначений для створення списків визначень. Кожен такий список починається з контейнера <dl>, де є тег <dt> для терміну і тег <dd> для визначення терміну. Закриваючий тег </dt> не є обов'язковим, але краще завжди закривати всі теги.

Синтаксис

<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>

Результат цього прикладу показано нижче.

Списки

Часті запитання

  • Q: Як використовувати тег <dt> в HTML?

    A: Тег <dt> використовується у відкритому списку <dl> для вказівки наступного елементу списку як термін.

  • Q: Які атрибути можна використовувати з тегом <dt> в HTML?

    A: Тег <dt> не має специфічних атрибутів.

  • Q: Які елементи можуть бути вкладені всередину тегу <dt> в HTML?

    A: У тег <dt> можуть бути вкладені різні текстові та фотоелементи.

  • Q: Як правильно стилізувати тег <dt> в CSS?

    A: Для стилізації тегу <dt> використовують CSS властивості, такі як font-size, font-weight, color і т.д.

  • Q: Як правильно семантично використовувати тег <dt> в HTML?

    A: Тег <dt> використовується для визначення термінів або назв, які потім пояснюються вкладеним в <dd> описом.