Язык HTML включает в себя ряд элементов. К ним относятся обычно используемые компоненты веб-сайта например, абзацы, заголовки, ссылки и изображения. Также в HTML5 появился ряд новых элементов, включая заголовок, навигацию, нижний колонтитул и т. Д. Все эти элементы HTML используются для создания структуры документа и придания ему смысла. Чтобы придать элементам еще больше смысла, вы можете дать им атрибуты.
Базовый открывающий тег HTML начинается с символа <.>. Например, открывающий тег абзаца будет записан так:
Чтобы добавить атрибут к вашему HTML-тег, вы сначала ставите пробел после имени тега (в данном случае это "p"). Затем вы должны добавить имя атрибута, которое вы хотите использовать, со знаком равенства. Наконец, значение атрибута будет заключено в кавычки. Например:
Теги могут иметь несколько атрибутов. Вы бы отделили каждый атрибут от других пробелом.
Элементы с обязательными атрибутами
Некоторым элементам HTML действительно требуются атрибуты, если вы хотите, чтобы они работали должным образом. Два примера этого - элемент изображения и элемент ссылки.
В элемент изображения требуется атрибут "src". Этот атрибут сообщает браузеру, какое изображение вы хотите использовать в этом месте. Значением атрибута будет путь к файлу изображения. Например:
Вы заметите, что мы добавили к этому элементу еще один атрибут, «alt» или альтернативный текстовый атрибут. Технически это не является обязательным атрибутом для изображений, но рекомендуется всегда включать это содержимое для доступности. Текст, указанный в значении атрибута alt, будет отображаться, если изображение не загружается по какой-то причине.
Другой элемент, требующий определенных атрибутов, - это тег привязки или ссылки. Этот элемент должен включать атрибут «href», который означает «гипертекстовая ссылка». Это изящный способ сказать «где эта ссылка должна перейти. "Так же, как элемент изображения должен знать, какое изображение загружать, тег ссылки должен знать, где он должен к. Вот как может выглядеть тег ссылки:
Эта ссылка теперь приведет человека на веб-сайт, указанный в значении атрибута. В данном случае это главная страница Dotdash.
Атрибуты как хуки CSS
Еще одно использование атрибутов - это когда они используются как «крючки» для Стили CSS. Поскольку веб-стандарты требуют, чтобы структура страницы (HTML) была отделена от ее стилей. (CSS), вы используете эти перехватчики атрибутов в CSS, чтобы определять, как структурированная страница будет отображаться в Интернете. браузер. Например, у вас может быть этот фрагмент разметки в вашем HTML-документе.
Если вы хотите, чтобы у этого подразделения был черный цвет фона (# 000) и размер шрифта 1.5em, вы должны добавить это в свой CSS:
.featured {цвет фона: # 000; размер шрифта: 1.5em;}
Атрибут класса «избранные» действует как ловушка, которую мы используем в CSS для применения стилей к этой области. Мы также могли бы использовать здесь атрибут ID, если бы захотели. И классы, и идентификаторы являются универсальными атрибутами, что означает, что они могут быть добавлены к любому элементу. Они также могут быть нацелены на определенные стили CSS, чтобы определить внешний вид этого элемента.
Что касается Javascript
Наконец, использование атрибутов в определенных элементах HTML также можно использовать в Javascript. Если у вас есть сценарий, который ищет элемент с определенным атрибутом ID, это еще одно использование этой общей части языка HTML.