Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Тег DT

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег <DT> входит в тройку элементов <DL>, <DT>, <DD>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <DL>, куда входит тег <DT> создающий термин и тег <DD> задающий определение этого термина. Закрывающий тег </DT> не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

Синтаксис

<dl>
 <dt>Термин 1</dt>
 <dd>Определение термина 1</dd>

 <dt>Термин 2</dt>
 <dd>Определение термина 2</dd>
</dl>

Закрывающий тег

Не обязателен.

Пример 1. Использование тега <DT>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Список определений</title>
<style type="text/css">
DD {
 font-style: italic; /* Курсивное начертание текста */
}
DT {
 margin-top: 1em; /* Отступ сверху */
}
</style>
</head>
<body>

<dl>
<dt>GIF</dt>
<dd>Формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения.

<dt>JPEG</dt>
<dd>Популярный формат графических файлов, широко применямый при создании сайтов и хранения изображений. JPEG поддерживает 24-битовый цвет и сохраняет яркость и оттенки цветов в фотографиях. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может исказить деталь в рисунке, особенно содержащий текст или изображение с четкими краями. Формат JPEG не поддерживает прозрачность, когда вы сохраняете фотографию в формате JPEG, прозрачные пиксели заполняются определенным цветом.
</dl>

</body>
</html>

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

Рис. 1

Рис. 1. Вид списка определений





На главную









При использовании материалов сайта ссылка на comnew.ru обязательна!

x