Атрибут — это характеристика тега или метатега, с помощью которой тег может передавать браузеру важную информацию. Используется внутри тега, чтобы как-то управлять им или изменять его.
Атрибуты есть не у всех тегов.
Вот из чего состоит тег:
Структура тега с атрибутом
Структура тега с атрибутом
Из чего состоит атрибут
Все атрибуты тегов состоят из имени и значения.
Имя — это свойство тега. Например, у тега <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»>
Src. Это атрибут, обязательный для тега <img>. Он указывает путь к картинке.
Class. Необязательный атрибут, который указывает принадлежность элемента стилевому классу. У тега img могут быть и другие необязательные элементы, которые могут влиять на его поведение. Например, для тега <img> width=»20″ принудительно сожмет изображение в ширину до 20 пикселей, а align=»right» прижмёт его к правому краю того блока, внутри которого он находится.
Alt.Необязательный атрибут, без которого тег img всё равно будет работать, но с точки зрения SEO является обязательным атрибутом.
