Теги HTML: Списки определений

Если вы читали когда либо историческую литературу, вам приходилось сталкиваться с таким понятием, как концевые сноски. Концевые сноски представляют собой список терминов, личностей, событий или дат, собранных в конце книги или главы. На каждую такую сноску есть ссылка в тексте, а в конце дается к ней пояснение, комментарий.

Списки определений HTML создаются элементами трех типов:

dl - Definition List, собственно сам список
dt - Definition Term, определение, термин
dd - Definition Description, пояснение, комментарий к термину

Листинг: Пример списка определений

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 <style type="text/css">
   dd {
    font-style: italic; /* Курсивное начертание текста */
   }
   dt {
    margin-top: 1em; /* Отступ сверху */
   }
  </style>
</head>
 <body>
<dl>
    <dt>SGML</dt>
    <dd>Standard Generalized Markup Language - стандартизованный 
    обобщенный язык разметки. SGML является прародителем большинства современных 
    языков разметки.</dd>
 
    <dt>HTML</dt>
    <dd>HyperText Markup Language - язык разметки гипертекста. 
    В последнее время XHTML пользуется огромной популярностью, благодаря стремительному 
    темпу роста доступности мировой сети - Internet.</dd>
 
    <dt>CSS</dt>
    <dd>Cascading Style Sheets - каскадные таблицы стилей. Используются 
    для визуального оформления элементов XHTML.</dd>
</dl>