Глобальные атрибуты - это атрибуты, которые могут использоваться с любым элементом HTML на веб-странице. Они являются частью стандарта HTML5 и предназначены для упрощения написания кода и управления элементами страницы.
Список глобальных атрибутов в HTML:
class- определяет один или несколько классов элемента (для стилизации элементов с помощью CSS).id- уникальный идентификатор элемента.style- определяет стили элемента с помощью CSS.title- определяет всплывающую подсказку для элемента.lang- определяет язык элемента.dir- определяет направление текста элемента (слева направо или справа налево).accesskey- определяет сочетание клавиш, которое может быть использовано для фокусировки на элементе.tabindex- определяет порядок фокусировки элементов при нажатии на клавишу Tab.contenteditable- определяет, может ли пользователь редактировать содержимое элемента.hidden- скрывает элемент отображения на странице.
Пример использования глобальных атрибутов:
<div class="my-class" id="my-id" style="color: red;" title="Это мой элемент">Это мой элемент</div>
<p lang="en">This is an English paragraph.</p>
<p lang="ru">Это русский параграф.</p>
<button accesskey="s">Save</button>
<input tabindex="1" type="text" />
<input tabindex="2" type="text" />
<div contenteditable="true">Редактируемый элемент</div>
<img src="myimage.jpg" alt="Моя картинка" hidden />В этом примере HTML-кода мы использовали различные глобальные атрибуты, такие как class, id, style, title, lang, accesskey, tabindex, contenteditable и hidden. Эти атрибуты могут быть использованы с любым элементом HTML на странице для управления их поведением и отображением.