Атрибут — это значение, помещенное в открывающий тег элемента HTML. Атрибуты предоставляют дополнительную информацию об элементе или определяют, как элемент должен себя вести. Вот базовый синтаксис атрибута:
За именем атрибута следует знак равенства ( =) и значение в кавычках. Значение может быть строкой или числом, в зависимости от атрибута.
Давайте рассмотрим несколько примеров общих атрибутов HTML. Первый пример — hrefатрибут, который используется для указания URL-адреса ссылки:
Без этого атрибута ссылка не будет работать, поскольку не будет целевого URL. Поэтому вы должны включить этот href атрибут, чтобы сделать ссылку функциональной. Другие распространенные атрибуты — это атрибут src, или source, и alt, или alternative, — который используется для указания источника изображения и предоставления альтернативного описательного текста для изображения соответственно:
Подобно атрибуту href, srcатрибут является обязательным, поскольку он указывает файл изображения для отображения. Alt атрибут не является обязательным, но рекомендуется для целей доступности. Доступность означает, что каждый, включая людей с ограниченными возможностями, может использовать и понимать такие вещи, как веб-сайты, приложения и физические пространства. Вы узнаете больше о доступности в следующих уроках.
Некоторые атрибуты немного уникальны по своему синтаксису, как checkedатрибут, показанный здесь:
В следующем примере у нас есть input элемент с type атрибутом, установленным на checkbox. Входные данные используются для получения информации от пользователей, а type атрибут указывает тип входных данных. В этом случае эти входные данные — это значение флажка. Вы узнаете больше о том, как работают входные данные, в следующих уроках. Checked атрибут используется для указания того, что флажок должен быть отмечен по умолчанию. Checked атрибут не требует значения. Если он присутствует, флажок будет отмечен по умолчанию. Если атрибут отсутствует, флажок будет снят. Это логический атрибут. Вы узнаете больше о логических значениях в целом, когда дойдёте до изучения JavaScript. Существует несколько общих логических атрибутов, с которыми вы столкнетесь в HTML, например disabled, readonly, и required. Эти атрибуты используются для указания состояния элемента, например, отключен ли он, доступен только для чтения или обязателен.
HTML имеет множество атрибутов, которые можно использовать для настройки поведения и внешнего вида элементов на веб-странице. Понимание того, как использовать атрибуты, необходимо для создания интерактивного и доступного веб-контента. В следующих нескольких лекциях вы узнаете больше о атрибутах HTML и о том, как эффективно использовать их в ваших проектах по веб-разработке.