HTML5 - Атрибуты
Как объяснялось в предыдущей главе, элементы могут содержать атрибуты, которые используются для установки различных свойств элемента.
Некоторые атрибуты определены глобально и могут использоваться для любого элемента, в то время как другие определены только для определенных элементов. Все атрибуты имеют имя и значение и выглядят так, как показано ниже в примере.
Ниже приведен пример атрибутов HTML5, который показывает, как разметить элемент div с помощью атрибута с именем class, используя значение «example» -
<div class = "example">...</div>
Атрибуты можно указывать только в start tags и никогда не должен использоваться в end tags.
Атрибуты HTML5 нечувствительны к регистру и могут быть написаны как в верхнем, так и в смешанном регистре, хотя наиболее распространенным соглашением является использование строчных букв.
Стандартные атрибуты
Атрибуты, перечисленные ниже, поддерживаются почти всеми тегами HTML 5.
Атрибут | Параметры | Функция |
---|---|---|
ключ доступа | Определяемые пользователем | Задает сочетание клавиш для доступа к элементу. |
выровнять | вправо, влево, по центру | Горизонтально выравнивает теги |
задний план | URL | Помещает фоновое изображение за элементом |
bgcolor | числовые, шестнадцатеричные, значения RGB | Помещает цвет фона за элементом |
класс | Определяемые пользователем | Классифицирует элемент для использования с каскадными таблицами стилей. |
удовлетворенный | правда, ложь | Определяет, может ли пользователь редактировать содержимое элемента или нет. |
контекстное меню | Идентификатор меню | Определяет контекстное меню для элемента. |
data-XXXX | Определяемые пользователем | Настраиваемые атрибуты. Авторы документа HTML могут определять свои собственные атрибуты. Должен начинаться с «data-». |
перетаскиваемый | истина, ложь, авто | Определяет, разрешено ли пользователю перетаскивать элемент. |
высота | Числовое значение | Задает высоту таблиц, изображений или ячеек таблицы. |
скрытый | скрытый | Определяет, должен ли элемент быть видимым или нет. |
Я бы | Определяемые пользователем | Называет элемент для использования с каскадными таблицами стилей. |
вещь | Список элементов | Используется для группировки элементов. |
повторять | Список предметов | Используется для группировки предметов. |
проверка орфографии | правда, ложь | Указывает, нужно ли проверять орфографию или грамматику для элемента. |
стиль | Таблица стилей CSS | Задает встроенный стиль для элемента. |
тема | Пользовательский идентификатор | Задает соответствующий элемент элементу. |
tabindex | Номер вкладки | Задает порядок табуляции элемента. |
заглавие | Определяемые пользователем | "Всплывающее" название для ваших элементов. |
доблестный | верх, середина, низ | Вертикальное выравнивание тегов внутри элемента HTML. |
ширина | Числовое значение | Задает ширину таблиц, изображений или ячеек таблицы. |
Полный список тегов HTML5 и связанных атрибутов см. В нашей ссылке на теги HTML5 .
Настраиваемые атрибуты
Новая функция, представленная в HTML 5, - это добавление настраиваемых атрибутов данных.
Атрибут настраиваемых данных начинается с data-и будет назван в соответствии с вашими требованиями. Вот простой пример -
<div class = "example" data-subject = "physics" data-level = "complex">
...
</div>
Приведенный выше код будет совершенно допустимым HTML5 с двумя настраиваемыми атрибутами, называемыми datasubject и data-level . Вы сможете получить значения этих атрибутов с помощью API-интерфейсов JavaScript или CSS таким же образом, как и для стандартных атрибутов.