1.3. HTML атрибуты

html_attributesHTML атрибуты сообщают браузеру, каким образом должен отображаться тот или иной элемент страницы. Атрибуты позволяют сделать более разнообразными внешний вид информации, добавляемой с помощью одинаковых тегов.

Значение атрибута заключается в кавычки "". Названия и значения атрибутов не чувствительны к регистру, но, тем не менее, рекомендуется набирать их в нижнем регистре.

Глобальные атрибуты

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

Таблица 1. Глобальные атрибуты HTML
Атрибут Описание, принимаемое значение
accesskey Генерирует сочетания клавиш для доступа к текущему элементу. Состоит из разделенного пробелами списка символов. Браузер в первую очередь выбирает те клавиши, которые существуют на раскладке клавиатуры. Применяется к следующим элементам: <a>, <area>, <button>, <input>, <label>, <legend>, <textarea>.
Принимаемые значения: перечень названий клавиш.
class Определяет имя класса для элемента (используется для определения класса в таблице стилей).
Принимаемые значения: имя класса.
contenteditable Определяет, может ли пользователь редактировать содержимое (контент). Позволяет преобразовать любое поле HTML в редактируемый элемент.
Принимаемые значения: true/false.
contextmenu Добавляет к элементу контекстное меню, заданное тегом <menu>.
Принимаемые значения: значение атрибута id элемента <menu>.
dir Определяет направление текста контента в элементах <bdo> и <bdi>.
Принимаемые значения: ltr/rtl/auto.
draggable Определяет, может ли пользователь перетащить элемент.
Принимаемые значения: true/false/auto.
dropzone Определяет область для приема перемещаемых элементов, сообщая браузеру пользователя, какие действия совершить при перемещении.
Принимаемые значения:
copy — содержимое перемещаемого элемента будет скопировано в область.
move — содержимое перемещаемого элемента будет перемещено в новую область.
link — при перемещении будет создана ссылка на первоначальные данные элемента.
hidden Указывает на то, что элемент должен быть скрыт.
Принимаемые значения: hidden.
id Определяет уникальный идентификатор элемента.
Принимаемые значения: id — идентификатор элемента.
lang Определяет код языка содержимого (контента) в элементе.
Принимаемые значения: код языка.
spellcheck Указывает, подлежит ли содержимое элемента проверке орфографии и грамматики.
Принимаемые значения: true/false.
style Указывает на код CSS, применяемую для оформления элемента.
Принимаемые значения: код CSS.
tabindex Определяет порядок перехода к элементу при помощи клавиши TAB.
Принимаемые значения: порядковый номер.
title Определяет дополнительную информацию об элементе, задавая всплывающую подсказку для страницы.
Принимаемые значения: текст.
translate Разрешает или запрещает перевод текста внутри элемента.
Принимаемые значения: yes/no.