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

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

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

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

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

Имя — это свойство тега. Например, у тега <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 — нужен, чтобы создать всплывающую текстовую подсказку, которая появляется при наведении курсора на элемент.

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

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