HTML тэги на букву D

Вторник, 1 ноября 2011 г.
Метки:
Просмотров: 382
Подписаться на комментарии по RSS

Кликните на интересующий Вас тэг из списка:

<datalist>

<dd>

<del>

<details>

<dfn>

<dir>

<div>

<dl>

<dt>


Тэг <datalist> создает список вариантов, которые можно выбирать при наборе в текстовом поле. При получении полем фокуса список становится доступным. До этого он остаётся скрытым.

Синтаксис

<input list="<идентификатор>">
<datalist id="<идентификатор>">
 <option value="Текст1">
 <option value="Текст2">
</datalist>

Список, создаваемый тэгом <datalist>, связывается с текстовым полем посредством атрибута id.

Id - задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты.

Синтаксис

<datalist id="имя"></datalist >

Идентификатор должен обязательно начинаться с латинского символа и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо.

Его значение должно совпадать со значением атрибута list тега <input>.

Закрывающий тэг обязателен!


Тэг <dd> входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений.

Каждый такой список начинается с контейнера <dl>, куда входит тэг <dt> создающий термин и тэг <dd> задающий определение этого термина.

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

Синтаксис

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

Закрывающий тэг не обязателен!

Для тэга доступны такие атрибуты:

Class - задает стилевой класс, который позволяет связать определенный тег со стилевым оформлением. В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом.

Синтаксис

<dd class="имя"></dd >

Имена классов могут содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в классах недопустимо.

Contenteditable - сообщает, что элемент доступен для редактирования пользователем — можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.

Синтаксис

<dd contenteditable="значение"></dd >
В качестве значения выступают:

True - включает режим редактирования.

False - запрещает редактирование элемента.

По умолчанию наследует значение родителя.

Contextmenu - устанавливает контекстное меню для элемента.

Синтаксис

<dd contextmenu="идентификатор"></dd >
В качестве значения указывается идентификатор меню, созданного с помощью тега <menu>.

Dir - pадает направление и отображение текста — слева направо или справа налево.

Синтаксис

<dd dir={значение}></dd >
Значения

Ltr - текст отображается как обычно — слева направо.

Rtl - текст инвертируется и отображается справа налево.

Значение по умолчанию – Ltr.

Hidden - скрывает содержимое элемента от просмотра. Такой элемент не отображается на странице, но доступен через скрипты.

Синтаксис

<dd hidden>

По умолчанию атрибут выключен.

Id - задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты.

Синтаксис

<dd id="имя"></dd >

Идентификатор должен обязательно начинаться с латинского символа и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо.

Lang - текст документа может быть набран как на одном языке, так и содержать вставки на других языках, которые могут различаться по своим правилам оформления текста.

Синтаксис

<dd lang="код языка"></dd >

Style - применяется для определения стиля элемента с помощью правил CSS.

Синтаксис

<dd style="правила описания стилей"></dd >

В качестве значений указываются стилевые правила. Стилевые свойства разделяются между собой точкой с запятой.

Title - описывает содержимое элемента в виде всплывающей подсказки, которая появляется при наведении курсора на элемент.

Синтаксис

<dd title="текст"></dd >

xml:lang – этот атрибут по своему действию похож на lang, но применяется только в XHTML-документах и указывает язык всего текста или его фрагмента. При добавлении к тегу <html> указанный язык определяется для всего документа, при включении xml:lang в отдельные теги язык будет указан только для текста этого элемента.

Синтаксис

<dd xml:lang ="код языка"></dd >

Так же для тэга могут использоваться следующие события:

Onblur - возникает при потере элемента фокуса. Это обычно происходит, если щелкнуть на другой элемент текущего документа. Т.е., к примеру при клике на поле ввода текста, поясняющий текст исчезает (событие onFocus) и при переходе фокуса, если пользователь ничего не ввел, подсказка появляется снова (событие onBlur):

Синтаксис

<dd onblur="скрипт"></dd >

Onclick - возникает при щелчке левой кнопкой мыши на элементе, к которому добавлен атрибут onclick.

Синтаксис

<dd onclick="скрипт"></dd >

Ondblclick - возникает при двойном щелчке левой кнопкой мыши на элементе.

Синтаксис

<dd ondblclick="скрипт"></dd >

Onkeydown - cрабатывает в момент нажатия клавиши, но когда она еще не отпущена.

Синтаксис

<dd onkeydown="скрипт"></dd >

Onkeypress - срабатывает, когда клавиша на клавиатуре нажата и отпущена, что эквивалентно совместному действию onkeydown и onkeyup.

Синтаксис

<dd onkeypress="скрипт"></dd >

Onkeyup - возникает в момент отпускания нажатой клавиши.

Синтаксис

<dd onkeyup="скрипт"></dd >

Onmousedown - срабатывает в момент нажатия на кнопку мыши.

Синтаксис

<dd onmousedown="скрипт"></dd >

Onmousemove - используется для определения перемещения курсора мыши в любом направлении экрана. Это событие применяется для создания различных эффектов, связанных с курсором мыши: всплывающие подсказки, перетаскивание объектов и др.

Синтаксис

<dd  onmousemove="скрипт"></dd >

Onmouseout - срабатывает, когда курсор мыши выходит за пределы элемента, к которому добавляется параметр onmouseout.

Синтаксис

<dd onmouseout="скрипт"></dd >

Onmouseover - срабатывает, когда курсор мыши наводится на элемент, к которому добавлен атрибут onmouseover.

Синтаксис

<dd onmouseover="скрипт"></dd >

Onmouseup - происходит при отпускании кнопки мыши, пока курсор находится в пределах элемента, к которому добавлен атрибут onmouseup.

Синтаксис

<dd onmouseup="скрипт"></dd >

Тэг <del> используется для выделения текста, который был удален в новой версии документа.

Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.

Браузеры обычно помечают текст в контейнере <del> как перечеркнутый.

Синтаксис

<del>Текст</del>

Закрывающий тэг обязателен!

Доступные атрибуты:

Cite - указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.

Синтаксис

<del cite="URL">Текст</del>

Этот атрибут не является обязательным!

В качестве значения принимается полный или относительный путь к файлу.

Datetime - устанавливает дату и время редактирования текста.

Синтаксис

<del datetime="<дата и время>">Текст</del>

Задается в международном формате ISO 8601:

Год                        ГГГГ                                        2011

Месяц и год           ГГГГ-ММ                                 2011-11

Полная дата           ГГГГ-ММ-ДД                           2011-11-16

Дата и вр. с мин.    ГГГГ-ММ-ДДTчч:мм                2006-08-23T19:20 

Дата и вр. с сек.    ГГГГ-ММ-ДДTчч:мм:сс            2007-08-29T12:12:13

Дата и вр. с час.п. ГГГГ-ММ-ДДTчч:мм:сс±чч:мм 2006-07-28T15:18:28+02:00

Для каждой единицы существует своя заданная форма и ограничения:

Год — задается четырьмя цифрами (1860).

Месяц — две цифры (01 — январь).

День — две цифры от 01 до 31.

Час — две цифры от 00 до 23.

Минуты — две цифры от 00 до 59.

Секунды — две цифры от 00 до 59.

Часовой пояс — часы и минуты с указанием знака плюс или минус.

Дата и время разделяются между собой заглавной латинской буквой T.

Часовой пояс при необходимости пишется после времени со знаком плюс или минус. 

Class - задает стилевой класс, который позволяет связать определенный тег со стилевым оформлением. В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом.

Синтаксис

<del class="имя"></del >
Имена классов могут содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в классах недопустимо.

Contenteditable - сообщает, что элемент доступен для редактирования пользователем — можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.

Синтаксис

<del contenteditable="значение"></del >
В качестве значения выступают:

True - включает режим редактирования.

False - запрещает редактирование элемента.

По умолчанию наследует значение родителя.

Contextmenu - устанавливает контекстное меню для элемента. 

Синтаксис

<del contextmenu="идентификатор"></del >
В качестве значения указывается идентификатор меню, созданного с помощью тега <menu>.

Dir - pадает направление и отображение текста — слева направо или справа налево.

Синтаксис

<del dir={значение}></del >
Значения

Ltr - текст отображается как обычно — слева направо.

Rtl - текст инвертируется и отображается справа налево.

Значение по умолчанию – Ltr.

Hidden - скрывает содержимое элемента от просмотра. Такой элемент не отображается на странице, но доступен через скрипты.

Синтаксис

<del hidden>

По умолчанию атрибут выключен.

Id - задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты.

Синтаксис

<del id="имя"></del >

Идентификатор должен обязательно начинаться с латинского символа и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо.

Lang - текст документа может быть набран как на одном языке, так и содержать вставки на других языках, которые могут различаться по своим правилам оформления текста.

Синтаксис

<del lang="код языка"></del >

Style - применяется для определения стиля элемента с помощью правил CSS.

Синтаксис

<del style="правила описания стилей"></del >

В качестве значений указываются стилевые правила. Стилевые свойства разделяются между собой точкой с запятой.

Title - описывает содержимое элемента в виде всплывающей подсказки, которая появляется при наведении курсора на элемент.

Синтаксис

<del title="текст"></del >

xml:lang – этот атрибут по своему действию похож на lang, но применяется только в XHTML-документах и указывает язык всего текста или его фрагмента. При добавлении к тегу <html> указанный язык определяется для всего документа, при включении xml:lang в отдельные теги язык будет указан только для текста этого элемента.

Синтаксис

<del xml:lang ="код языка"></del >

Так же для тэга могут использоваться следующие события:

Onblur - возникает при потере элемента фокуса. Это обычно происходит, если щелкнуть на другой элемент текущего документа. Т.е., к примеру при клике на поле ввода текста, поясняющий текст исчезает (событие onFocus) и при переходе фокуса, если пользователь ничего не ввел, подсказка появляется снова (событие onBlur):

Синтаксис

<del onblur="скрипт"></del >

Onclick - возникает при щелчке левой кнопкой мыши на элементе, к которому добавлен атрибут onclick.

Синтаксис

<del onclick="скрипт"></del >

Ondblclick - возникает при двойном щелчке левой кнопкой мыши на элементе.

Синтаксис

<del ondblclick="скрипт"></del >

Onkeydown - cрабатывает в момент нажатия клавиши, но когда она еще не отпущена.

Синтаксис

<del onkeydown="скрипт"></del >

Onkeypress - срабатывает, когда клавиша на клавиатуре нажата и отпущена, что эквивалентно совместному действию onkeydown и onkeyup.

Синтаксис

<del onkeypress="скрипт"></del >

Onkeyup - возникает в момент отпускания нажатой клавиши.

Синтаксис

<del onkeyup="скрипт"></del >

Onmousedown - срабатывает в момент нажатия на кнопку мыши.

Синтаксис

<del onmousedown="скрипт"></del >

Onmousemove - используется для определения перемещения курсора мыши в любом направлении экрана. Это событие применяется для создания различных эффектов, связанных с курсором мыши: всплывающие подсказки, перетаскивание объектов и др.

Синтаксис

<del  onmousemove="скрипт"></del >

Onmouseout - срабатывает, когда курсор мыши выходит за пределы элемента, к которому добавляется параметр onmouseout.

Синтаксис

<del onmouseout="скрипт"></del >

Onmouseover - срабатывает, когда курсор мыши наводится на элемент, к которому добавлен атрибут onmouseover.

Синтаксис

<del onmouseover="скрипт"></del >

Onmouseup - происходит при отпускании кнопки мыши, пока курсор находится в пределах элемента, к которому добавлен атрибут onmouseup.

Синтаксис

<del onmouseup="скрипт"></del >

Тэг

<details>

используется для хранения информации, которую можно скрыть или показать по требованию пользователя.

По умолчанию содержимое тэга не отображается, для изменения статуса применяется атрибут open.

Синтаксис

<details open="open">Текст</details>

Значение open показывает информацию внутри тэга.

Закрывающий тэг обязателен!

Тэг <dfn>.

В документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. 

Тэг <dfn> применяется для выделения таких терминов при их первом появлении в тексте.

Браузеры отображают содержимое контейнера <dfn> с помощью курсивного начертания.

Синтаксис

<dfn>Текст</dfn>

Закрывающий тэг обязателен!

Так же для тэга можно применять дополнительные атрибуты и события, такие-же как и у тэга <del>!


Тэг <dir> создает список, содержащий названия директорий.

Внутри контейнера <dir> список формируется с помощью тэгов <li>.

Тэг <dir> вышел из употребления, вместо него рекомендуется использовать тэг <ul>, но всё-же он существует.

Синтаксис

<dir>
  <li>имя директории</li>
  <li>имя директории</li>
</dir>

Закрывающий тэг обязателен!


Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого.

Как правило, вид блока управляется с помощью стилей.

Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тэга добавить атрибут class или id с именем селектора. 

Как и при использовании других блочных элементов, содержимое тэга <div> всегда начинается с новой строки. 

После него также добавляется перенос строки.

Синтаксис

<div>...</div>

Атрибуты:

align - задает выравнивание содержимого тэга <div>. 

title - добавляет всплывающую подсказку к содержимому. 

Закрывающий тэг обязателен!


Тэг <dl> входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений.

Каждый такой список начинается с контейнера <dl>, куда входит тэг <dt> создающий термин и тэг <dd> задающий определение этого термина. 

Синтаксис

<dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</dl>
Закрывающий тэг обязателен!

Тэг <dt> входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений.

Каждый такой список начинается с контейнера <dl>, куда входит тэг <dt> создающий термин и тэг <dd> задающий определение этого термина. 

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

Синтаксис

<dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</dl>
Закрывающий тэг не обязателен!

Поделиться...
twitter.com facebook.com vkontakte.ru mail.ru google.com bobrdobr.ru
Оставьте свой комментарий!

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

Если вы уже зарегистрированы как комментатор, укажите пароль и свой действующий email.

(обязательно)

⇑ Наверх
⇓ Вниз