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

Глобальные атрибуты — это атрибуты, которые можно указывать у всех HTML-элементов. Они задают общие характеристики элемента: например, идентификатор, классы, язык содержимого или подсказку. В отличие от атрибутов отдельных тегов, они не ограничены одним видом элемента; действие некоторых зависит от контекста.

Глобальные атрибуты HTML
Атрибут	Описание
`accesskey`	Определяет клавишу, активирующую элемент или переводящую на него фокус.
`autocapitalize`	Подсказывает автоматический перевод вводимых букв в верхний регистр: `none`, `sentences`, `words` или `characters`. Особенно полезен для экранной клавиатуры; не преобразует уже введённый текст.
`autocorrect`	Значения `on` и `off` разрешают или отключают автоматические исправления при вводе. Не заменяет проверку данных формы. Ограниченная поддержка.
`autofocus`	Просит браузер установить фокус при загрузке страницы или открытии диалога либо всплывающего элемента. Логический атрибут; применяйте осмысленно, чтобы не мешать чтению и навигации.
`class`	Содержит имя класса или список имен классов, разделенных пробелами (используются в CSS и JavaScript).
`contenteditable`	Режим редактирования: true и пустое значение разрешают его, false запрещает, plaintext-only оставляет простой текст. Без атрибута режим наследуется.
`contextmenu` Устарело	Контекстное меню для элемента (контекстное меню появляется , когда пользователь кликает правой кнопкой мыши на элементе).
`data-*`	Используется для хранения пользовательских данных.
`dir`	Определяет направление текста для содержания в элементе.
`draggable`	Определяет, может ли пользователь перетаскивать данный элемент или нет.
`dropzone` Устарело	Атрибут указывает, что следует делать при перетаскивании на элемент copy/move/link.
`enterkeyhint`	Подсказывает подпись или значок клавиши ввода на экранной клавиатуре, например `search`, `next` или `send`. Сам не назначает действие.
`headingoffset`	Задаёт смещение уровней вложенных заголовков целым числом от `0` до `8`, например при включении компонента в раздел. Экспериментальное.
`headingreset`	Логический атрибут: прекращает учёт смещений уровней заголовков от предков, позволяя начать самостоятельную иерархию. Экспериментальное.
`hidden`	Скрывает содержимое. until-found позволяет браузеру раскрыть его при поиске по странице или переходе к фрагменту.
`id`	Задаёт идентификатор элемента. Его значение должно быть уникальным в дереве документа; разные элементы могут иметь разные `id`.
`inert`	Логический атрибут: делает элемент и потомков недоступными для обычного взаимодействия и фокусировки, исключает их из дерева доступности. Сам по себе не скрывает область визуально.
`inputmode`	Подсказывает вид экранной клавиатуры, например `numeric`, `decimal` или `email`. Не ограничивает допустимые символы и не заменяет валидацию.
`is`	Задаёт имя зарегистрированного пользовательского элемента, расширяющего встроенный HTML-элемент. Требует регистрации через `customElements.define`. Ограниченная поддержка.
`itemid`	Задаёт глобальный идентификатор объекта микроданных. Используется вместе с `itemscope` и `itemtype`, когда словарь допускает такой идентификатор.
`itemprop`	Перечисляет имена свойств объекта микроданных. Значение свойства берётся из текста или специального атрибута элемента, например `href` у ссылки.
`itemref`	Перечисляет через пробел идентификаторы элементов с дополнительными свойствами объекта вне его поддерева. Используется на элементе с `itemscope`.
`itemscope`	Создаёт объект микроданных — набор связанных свойств, например описание товара. Логический атрибут; тип объекта можно указать через `itemtype`.
`itemtype`	Задаёт один или несколько URL типов объекта из словаря микроданных. Используется вместе с `itemscope`; имена свойств определяет выбранный словарь.
`lang`	Определяет язык содержимого в элементе.
`nonce`	Содержит случайное значение, разрешённое политикой Content Security Policy (CSP), например для выполнения конкретного скрипта. Сервер формирует непредсказуемое значение заново для каждого ответа и согласовывает его с политикой.
`popover`	Делает элемент всплывающим: `auto` поддерживает автоматическое закрытие, `manual` — явное управление, `hint` — подсказки (ограниченная поддержка). Открывается кнопкой с `popovertarget` или через JavaScript; не создаёт модальный диалог.
`slot`	Указывает имя слота теневого дерева (Shadow DOM), в который передаётся элемент. Пустое значение соответствует слоту без имени.
`spellcheck`	Указывает браузеру проверять или нет правописание и грамматику в тексте элемента.
`style`	Задает встроенный (inline) CSS стиль для элемента.
`tabindex`	Управляет фокусировкой: 0 — обычный обход, -1 — программный фокус без последовательного обхода, положительное число — приоритет перед обычным порядком.
`title`	Дополнительная информация, которую браузер может показать как подсказку. Не заменяет видимую подпись, alt или инструкцию.
`translate`	Сообщает браузеру переводить указанный текст в элементе или нет.
`writingsuggestions`	Значения `true` и `false` разрешают или отключают предлагаемые браузером варианты текста при вводе. Не создаёт собственную систему подсказок. Ограниченная поддержка.

Спецификация

HTML Living Standard.

Атрибуты компонентов и доступности

Атрибуты компонентов и доступности
Атрибут	Описание
`part`	Имена частей теневого дерева через пробел. Позволяют внешним стилям обратиться к ним через CSS ::part().
`exportparts`	Экспортирует части вложенного теневого дерева наружу. Можно переименовать часть записью inner: outer; список разделяется запятыми.
`role`	Задаёт семантическую роль для средств доступности в пределах правил ARIA in HTML. Не добавляет клавиатурное поведение; предпочитайте подходящий нативный элемент.
`aria-*`	Семейство состояний, свойств и связей доступности, например aria-expanded или aria-labelledby. Допустимость зависит от роли и элемента; не каждый ARIA-атрибут разрешён в любом месте.

См. HTML Standard, CSS Shadow Parts и ARIA in HTML.