Раздел 1 Раздел 1 Раздел 1
Раздел 1 Раздел 1
</li>
<li>Раздел 2
<ul>
<li>Раздел 2.1</li>
<li>Раздел 2.2</li>
</ul>
</li>
<li>Раздел 3</li>
</ul>
</body>
</html>
2.7. Список определений
К
ак
известно, определение состоит из
двух частей: определяемого термина
или понятия и собственно его определения
или описания. Список определений
задается контейнерным тегом <dl>
(от англ, definition
list),
в
который для каждого элемента (определения)
вставляется пара контейнерных тегов:
<dt>
- для определяемого термина (от англ,
definition
term)
и
<dd>
- для его описания (от англ, definition
description).
Браузер
отображает определяемый термин в
отдельной строке, а его описание - ниже
и с отступом. В листинге приведен пример
кода со списком определений, а на рис.
- его вид в окне браузера.
Листинг 6. Список определений
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN"
"http://www.w3.org/TR/HTML4.01/loose.dtd">
<html>
<head>
<title>Список определений</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>Язык разметки гипертекста (Hyper Text Markup Language).</dd>
<dt>JavaScript</dt>
<dd>Язык программирования сценариев.</dd>
</dl>
</body>
</html>
Разумеется, столь нехитрое форматирование можно организовать и другими средствами как HTML, так и CSS. Однако не забывайте, что теги в (X)HTML должны использоваться главным образом для структуризации документа, а их визуализация - дело вторичное. На практике нередко приходится создавать списки в структуре определений. В таком случае уместно применять соответствующие те ги безотносительно к тому, как они отображаются браузерами по умолчанию, т. е. без специальных определений CSS. При необходимости вы можете задать собственные стили как для тегов списка, так и для их содержимого.