Что такое глобальные атрибуты в HTML?

Question

Accepted Answer

**Глобальные атрибуты** — это атрибуты, которые можно поместить на *любой* HTML-элемент, независимо от его типа. Они предоставляют идентификацию, крючки для стилизации, информацию о доступности и метаданные. ```html ``` ## Наиболее часто используемые - **`id`** — уникальный якорь для CSS (`#hero`), JS (`getElementById`) и ссылок в пределах страницы (`href="#hero"`). - **`class`** — основной крючок для стилизации/скриптинга; переиспользуется между элементами. - **`data-*`** — присоедините пользовательские данные к элементам, читайте в JS через `element.dataset`. - **`tabindex`** — управляйте фокусируемостью и порядком табуляции клавиатуры (`0` = фокусируется по порядку, `-1` = фокусируется только через скрипт). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — видимость, подсказки, язык и доступность. ## data-* в действии ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Почему это важно Глобальные атрибуты — это общий набор инструментов, который вы используете на почти каждом элементе — `class`/`id` для стилизации и скриптинга, `data-*` для передачи данных в JS, и `tabindex`/`role`/`aria-*` для доступности. Знание их сохраняет разметку чистой и поведение согласованным.