Измените язык, если вам нужно работать с Топвизором на другом языке. Язык интерфейса можно изменить в любое время в настройках аккаунта. Измените язык, если вам нужно работать с Топвизором на другом языке. ru Русский Выбрать

Что такое атрибут тега

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

Атрибуты есть не у всех тегов.

Вот из чего состоит тег:

Структура тега с атрибутом
Структура тега с атрибутом

Из чего состоит атрибут

Все атрибуты тегов состоят из имени и значения.

Имя — это свойство тега. Например, у тега <img> есть атрибут height, который устанавливает высоту изображения.

Значение — это смысл атрибута: какую именно информацию он передаёт. Оно всегда помещается в кавычки по формуле <атрибут="значение">. Например, в теге <a> атрибут href:

<a href="http://google.com">Google</a>

Всегда ли нужно использовать атрибуты

Атрибуты для разных тегов могут быть обязательными и необязательными. Рассмотрим тег img в качестве примера, внутри которого использовано сразу несколько атрибутов.

<img class="fit‑picture" src="/media/cc0‑images/grapefruit‑slice‑332‑332.jpg" alt="Grapefruit slice atop a pile of other slices">
  1. Src. Это атрибут, обязательный для тега <img>. Он указывает путь к картинке.

  2. Class. Необязательный атрибут, который указывает принадлежность элемента стилевому классу. У тега img могут быть и другие необязательные элементы, которые могут влиять на его поведение. Например, для тега <img> width="20" принудительно сожмет изображение в ширину до 20 пикселей, а align="right" прижмёт его к правому краю того блока, внутри которого он находится.

  3. Alt. Необязательный атрибут, без которого тег img всё равно будет работать, но с точки зрения SEO является обязательным атрибутом.

Об атрибуте Alt в Справке Яндекса

Существуют также и глобальные атрибуты. Это атрибуты, которые можно вставлять внутрь любого тега. При этом они могут не оказывать никакого влияния на сам тег: не задавать какое‑то свойство, не менять его работу.

Примеры таких атрибутов:

  • id — задает уникальный номер какому‑то элементу, который называется «идентификатор» и используется для обращения к нему через скрипты и когда нужно изменить CSS‑стили;

  • style — атрибут используется, чтобы задать CSS‑стили тегу;

  • title — нужен, чтобы создать всплывающую текстовую подсказку, которая появляется при наведении курсора на элемент.

Что запомнить

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