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

Определяет горячую клавишу для активации элемента или перевода фокуса на элемент.

Значение: символ клавиши на клавиатуре.

<a href="https://guruweba.com" accesskey="k">текст</a>

Определяет одно или больше имен класса элемента. Используется для связи HTML элемента с таблицами стилей CSS.

Значение: одно или более имен классов.

<div class="class_name_1 class_name_2">контент</div>

Определяет возможность редактирования контента элемента пользователем.

Значение: true | false.

<p contenteditable="true">текст</p>

Определяет контекстное меню для элемента. Контекстное меню появляется при нажатии на правую кнопку мыши.

Значение: id контекстного меню <menu>.

<div contextmenu="menu_id">контент</div>

Используется для хранения пользовательских данных.

Значение: пользовательское. Можно использовать атрибут с любым именем, начинающимся на "data-", например, data-count, data-value, data-result, data-chtoto.

<div data-count="5">контент</div>

Определяет направление текста внутри элемента (слева направо или справа налево).

Значение: ltr - слева на право | rtl - справа на лево.

<p dir="ltr">текст</p>

Определяет, можно ли перетаскивать элемент.

Значение: true | false | auto.

<div draggable="true">контент</div>

Скрывает элемент.

Значение: Отсутствует.

<p hidden>текст</p>

Определяет идентификатор элемента.

Значение: Название идентификатора.

<button id="form_button">контент</button>

Указывает на язык содержимого элемента.

Значение: Language Code (код языка).

<p lang="en">текст</p>

Определяет, нужно ли браузеру проверять грамматику содержимого элемента.

Значение: true | false.

<input name="input_name" type="text" spellcheck="true">

Определяет CSS стили элемента (стили также могут быть определены другими способами).

Значение: CSS код.

<div style="padding-bottom: 10px;">контент</div>

Определяет порядковый номер элемента при табуляции.

Значение: порядковый номер.

<input name="input_name" type="text" tabindex="1">

Содержит дополнительную информацию об элементе.

Значение: текстовая строка.

<img src="img.png" alt="img_alt" title="Гуру Веба">

Определяет, нужно ли переводить содержимое элемента.

Значение: yes | no.

<p translate="yes">текст</p>