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

Рейтинг: 5 из 5, голосов 3
+++++

На этой странице собраны глобальные атрибуты тегов.

Список атрибутов HTML

Ниже в таблице представлены глобальные атрибуты HTML тегов с кратким описанием и примерами использования.

Атрибут Описание
accesskey

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<p translate="yes">текст</p>
Оцените, насколько полезна эта статья
+++++
Оставьте комментарий

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