Атрибуты в HTML описывают дополнительный функционал тегов. Они задают различные настройки: всплывающие подсказки, ширину и высоту объектов и многое другое. Практически каждый тег имеет атрибуты; некоторые универсальны, другие применимы к определённым тегам.
Зачем нужны атрибуты?
Атрибуты расширяют возможности тегов. С их помощью добавляются всплывающие подсказки, задаются размеры объектов и управляются другие параметры. Существует множество атрибутов, но достаточно знать наиболее часто используемые.
Работа с атрибутами
Рассмотрим примеры. Создадим простой тег <p> с текстом:
<p>Этот текст имеет атрибут title.</p>Добавим атрибут title для всплывающей подсказки:
<p title="Всплывающая подсказка">Этот текст имеет атрибут title.</p>При наведении курсора появится подсказка «Всплывающая подсказка». Атрибут title применим почти ко всем HTML-тегам, кроме <html>, <head> и <body>.
Атрибут lang используется с тегом <html> для указания языка документа:
<html lang="en">
...
</html>Этот атрибут необязателен. Его отсутствие не влияет на работу страницы.
Типы атрибутов
Существуют универсальные атрибуты (например, title), применимые ко многим тегам, и специфические (например, lang, start), применимые только к определённым. Один тег может иметь несколько атрибутов. Например, ранее рассматривались теги <meta> с атрибутами name и content. Количество атрибутов у тега не ограничено.
Рекомендации
Не нужно пытаться выучить все атрибуты сразу. В этом курсе будут рассмотрены необходимые атрибуты, остальные — по мере необходимости. Сконцентрируйтесь на наиболее распространённых и важных атрибутах.
В этом уроке мы познакомились с атрибутами HTML, их назначением и применением. Мы рассмотрели примеры и получили практические навыки работы с атрибутами. В последующих уроках будут изучены другие важные атрибуты.