Глобальные атрибуты HTML
Глобальные атрибуты можно использовать на любом HTML-элементе. Однако некоторые атрибуты не влияют на определённые элементы. Например, spellcheck не повлияет на поведение или семантику абзаца, а lang не будет иметь эффекта для элемента без содержимого.
Ниже вы найдёте все глобальные атрибуты и их описания:
| Attributes | Description | Value | Syntax |
|---|---|---|---|
| accesskey | Создаёт сочетание клавиш для элемента. Способ использования клавиши быстрого доступа зависит от браузера (например, ALT, CTRL, ALT+SHIFT или CTRL+ALT). | character | <element accesskey="character"> |
| class | Добавляет к элементу одно или несколько имён классов. При использовании с таблицами стилей сообщает браузеру, какие классы должны применять свойства к элементу. | classname | <element class="classname"> |
| contenteditable | Указывает, можно ли редактировать содержимое элемента. При значении "true" содержимое можно редактировать; при значении "false" (по умолчанию) — нельзя. | true false | <element contenteditable="true |
| contextmenu | Устарело. Использовался для создания контекстного меню элемента, которое показывалось при щелчке правой кнопкой мыши. Удалён из HTML Living Standard. | menu_id | <element contextmenu="menu_id"> |
| data-* | Позволяет встраивать пользовательские атрибуты данных во все HTML-элементы. Эти атрибуты доступны через API JavaScript dataset. | value | <element data-attribute="value"> |
| dir | Определяет направление текста для содержимого внутри элемента. Полезно для вставки содержимого с другим направлением текста, например арабского или иврита. | rtl ltr auto | <element dir="ltr |
| draggable | Определяет, можно ли перетаскивать элемент. При значении "true" браузер разрешает перетаскивание; при значении "false" перетаскивание отключено. | true false auto | <element draggable="true |
| dropzone | Указывает, будет ли перетаскиваемый объект после сброса скопирован, перемещён или связан. Если атрибут опущен, по умолчанию подразумевается "copy". | copy move link | <element dropzone="copy |
| hidden | Если присутствует, указывает, что элемент ещё не актуален или уже не актуален. Браузеры скроют элемент. | - | <element hidden> |
| id | Определяет уникальный id элемента. Идентификаторы должны быть длиной не менее одного символа и не должны содержать пробелы. | id | <element id="id"> |
| lang | Определяет язык содержимого элемента. См. все коды языков здесь. | language_code | <element lang="language_code"> |
| spellcheck | Определяет, можно ли проверять элемент на орфографические ошибки. При значении "true" или пустой строке (""), браузеры обычно подчёркивают слова с ошибками и предлагают варианты исправления. При значении "false" проверка орфографии отключается. | true false | <element spellcheck="true |
| style | Определяет встроенные CSS-стили для элемента. В отличие от атрибута class, он применяет стили непосредственно к элементу. | style_definitions | <element style="style_definitions"> |
| tabindex | Определяет порядок перехода по элементам с помощью клавиши "Tab". Если значение отрицательное, элемент исключается из последовательной навигации с клавиатуры. | number | <element tabindex="number"> |
| title | Предоставляет дополнительную информацию об элементе. Браузеры обычно отображают её во всплывающей подсказке. | text | <element title="text"> |
| translate | Определяет, нужно ли переводить содержимое элемента. При значении "yes" или пустой строке (""), браузеры будут переводить текст. При значении "no" элемент исключается из перевода. | yes no | <element translate="yes |
Practice
Which of the following is a true statement about HTML Global attributes according to https://www.w3docs.com/learn-html/global-attributes.html?