в HTML
Тег входит в один из тегов, создающих списки определений. Данный элемент содержит описание термина. Остальные два, это — является контейнером для списка, и — содержит название термина. Как правило, браузеры отображают содержимое тега с отступом слева от границы списка.
Также, эти теги можно применять для описания диалогов, где содержит имя говорящего, а — его слова.
Атрибуты
Личные атрибуты: нет.
- accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
- class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
- dir — указывает направление текста внутри элемента.
- id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
- lang — указывает язык, на котором написан текст внутри HTML-элемента.
- style — необходим для применения встроенных стилей CSS к тегу.
- tabindex — устанавливает порядок табуляции между элементами (клавиша Tab ).
- title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.
Тип тега
Модель тега: может располагаться внутри элемента .
Может содержать: block-теги и/или inline-теги, обычный текст и спецсимволы HTML (мнемоники).
Открывающий тег: необходим. Закрывающий тег: не обязателен.
в HTML
HTML-элемент создаёт ассоциативный список из одного или нескольких элементов-терминов , сопровождаемого одним или более элементами-описаний . Закрывающиеся теги и могут присутствовать, но не обязательны.
У одного может быть несколько , как в образце, где перечислены актёры главных ролей.
Несколько могут иметь общий , как в примере, где на пару вопросов дан один ответ.
Пустой
У или может отсутствовать содержимое, но нельзя писать без .
Содержимое и на одной строке
Два столбца CSS
Два столбца в паре «наименование — объект» можно сделать с помощью таблицы, flexbox, свойств float , position и columns . Но для , на мой взгляд, лучше всего подходит grid.
HTML тег
Элемент (от англ. «definition description» ‒ «список данных») обозначает описание (определение) термина.
Тег используется вместе с тегом (создание списка определений) и тегом (создание термина).
Внутри тега можно размещать абзацы, списки, ссылки, изображения и т. д.
Синтаксис
Закрывающий тег
Атрибуты
Для этого элемента доступны глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент со следующими значениями CSS по умолчанию:
Различия между HTML 4.01 и HTML5
В HTML 4.01 определяет значение в списке определений, а В HTML 5 тег определяет значение в списке описаний (толкований, характеристик, свойств, обозначений).
HTML тег
HTML тег вместе с тегами и используется для создания списка определений. В теге размещается описание термина, который определен тегом . Для определения самого списка используется тег . Один термин может иметь несколько определений в списке описаний. (Узнать больше об HTML списках).
Тег является блочным элементом и может включать в себя другие элементы: абзацы, списки, изображения, ссылки и т.д.
Содержимое элемента по умолчанию имеет внешний отступ с левой стороны.
Синтаксис
Тег парный. Содержимое заключается между открывающим ( ) и закрывающим ( ) тегами.
IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.
HTML теги. HTML списки. Тег DD
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу . Описание тега , атрибуты тега , синтаксис тега , пример использования тега . Тег относится к группе тегов HTML списков.
HTML тег . Описание .
HTML тег относится к тегам предназначенным для формирования HTML списков. Тег предназначен для формирования списков определений в HTML. Списки определений имеются только в HTML. Сам по себе тег бесполезен без тегов и , контейнер хранит в себе определение термина, а тег предназначен для хранения самого термина. Тег служит непосредственно для формирования списка определений.
HTML элемент блочный, но внутри могут располагаться только строчные элементы, а размеры блочного элемента зависят от области, в которой он расположен.
Тег . Синтаксис тега .
HTML тег является парным тегом, для парных тегов закрывающий тег обязателен, но бывают исключения, для тега закрывающий тег можно не писать, однако, рекомендуется всегда ставить закрывающий тег.
в HTML
Тег входит в тройку элементов , , , предназначенных для создания списка определений. Каждый такой список начинается с контейнера , куда входит тег создающий термин и тег задающий определение этого термина.
Синтаксис
Закрывающий тег
Атрибуты
Пример. Использование тега
Спецификация ?
Спецификация | Статус |
---|---|
WHATWG HTML Living Standard | Живой стандарт |
HTML5 | Рекомендация |
HTML 4.01 Specification | Рекомендация |
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Cand >Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML ( Living ) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры: Настольные Мобильные ?
Internet Explorer | Chrome | Opera | Safari | Firefox |
3 | 1 | 2 | 1 | 1 |
Android | Firefox Mobile | Opera Mobile | Safari Mobile |
1 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Тег dd
Описание тега DD
Тег входит в группу тегов , и , предназначенных для создания списка определений.
Тег создает список; тег задает термин, а тег задает определение заданного термина.
Атрибуты тега DD
Пример — теги dd, dl и dt
«-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd» >
«Content-Type» content= «text/html; charset=windows-1251» >
Теги , и
Термин 1
Определение термина 1
Термин 2
Определение термина 2
Термин 3
Определение термина 3
в HTML
Тег (англ. define data — описание определения) — тег-контейнер, используется при создании списка определений вместе с и . Задает определение термина.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
Атрибуты
class | определяет имя используемого класса |
---|---|
dir | определяет направление символов:
|
id | уникальный идентификатор |
lang | определяет язык отображаемого документа |
onclick | щелчок на элементе |
ondblclick | двойной щелчок на элементе |
onkeydown | нажатие клавиши, когда элемент имеет фокус |
onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
onmousemove | движение указателя мыши, когда элемент имеет фокус |
onmouseout | смещение указателя мыши с элемента |
onmouseover | помещение указателя мыши на элемент |
onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
style | задает встроенную таблицу стилей |
title | всплывающая подсказка |
Пример
Создаем список определений
Рекомендации по использованию
- закрывающий тег обязателен в XHTML ( )
- должен располагаться внутри тега
- обязательных атрибутов нет
- может содержать CDATA, строчные и блочные элементы
- разные браузеры умолчанию отображают тег по разному (для уравнивания отображения используйте таблицы стилей)
Списки определений применяются при верстке словарей терминов, списков новостей, диалогов.
Создание списков данных с помощью HTML DL, DT и DD
В недалеком прошлом многие любили верстать свои сайты, используя таблицы и, когда дело доходило до исправления ошибок, это становилось большой проблемой. Однако, и сейчас, когда дело доходит до построения списка данных на веб-странице, например, списка данных профиля, многие вместо тегов dl, dt, dd продолжают использовать таблицы HTML. Фактически, используя теги HTML DL, DT и DD, Вы экономите на написании кода и добавляете своему контенту больше семантического значения. Тогда как таблицу лучше всего использовать для табличных данных, и не следует использовать для списка данных, в веб-форме или веб-разметке.
Перед тем, как мы приступим к практическим шагам, рекомендую Вам посмотреть демо в конце статьи. Также Вы можете скачать пример из вложения в конце статьи.
Если Вы до сих пор создаете списки данных, используя таблицу, прочитайте статью и сравните, насколько можно облегчить себе жизнь с помощью тегов HTML dl, dt, dd.
Как это работает?
Табличный список данных
Обычный список данных с использованием таблицы. Сначала мы делаем строку таблицы tr, в которой будет две ячейки td, которые будут содержать заголовок и значение соответственно. Затем, когда потребуется назначить стили элементу title, нам придется присвоить ячейке таблицы td класс.
в HTML
Тег — применяется совместно с тегами и . При помощи этих трёх тегов создаются списки с определениями. Тег создает контейнер, в который вложен тег , определяющий термин и тег , задающий определение этого термина.
0пределение пункта 1
Другое определение пункта 1
0пределение пункта 2
0пределение пункта 3
Каждый пункт списка может быть дополнен одним или несколькими блоками текста при помощи тега (тегов) . Каждый блок автоматически размещается с новой строки. Термин «определение» носит условный характер. Абзацы, размещенные в списке, могут быть определениями, дополнениями, разъяснениями пунктов. По сути, пункт представляет собой заголовок, а определение — произвольный текст под заголовком.