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

В HTML есть общие атрибуты, которые можно использовать в любом теге. Они называются глобальными. Весь список таких атрибутов:

  • accesskey
  • class
  • contenteditable
  • dir
  • hidden
  • id
  • lang
  • spellcheck
  • style
  • tabindex
  • title
  • translate

Широко используются только четыре из них.

Атрибут title

Атрибут title представляет поясняющую информацию об элементе. Для ссылки это может быть название или описание ссылаемого ресурса, для картинки это может быть описание или автор изображения, для параграфа это могут быть сноски или комментарии по тексту, для цитат это может быть дополнительная информация об источнике, для интерактивных элементов это могут быть метки или инструкции по использованию элементов, и так далее.

Значением атрибута является текст, который появляется при наведении курсора на элемент. Если в значении указана пустая строка, то считается, что атрибут отсутствует.

Атрибут id

Атрибут id задает элементу документа уникальный идентификатор. Другой элемент страницы не может иметь идентификатор с тем же значением. В качестве значения используется строка как минимум из одного символа и без пробелов.

Уникальный идентификатор может быть использован для различных целей, прежде всего, как способ привязки к определенным частям документа. Используя идентификаторы элементов, можно создать ссылку к данному элементу, или применить к конкретному элементу стиль из CSS. Также по id можно найти элемент в JavaScript.

Атрибут class

Каждый элемент может иметь атрибут class. Различные теги одной страницы могут иметь одинаковые классы. Элемент может иметь несколько классов, тогда они должны записываться через пробел.

Классы используются для задания стилей CSS элементам страницы. Также по классу можно найти элемент в JavaScript.

Атрибут style

Атрибут style введен в HTML для применения CSS стилей к конкретному элементу непосредственно внутри HTML кода. Значение должно быть валидным CSS стилем.