Тэги HTML могут быть оснащены одним или несколькими атрибутами, которые служат для более точного определения функции или типа элемента, для хранения данных или для обогащения контента смыслом.
Тег атрибута пишется так:
<tag attribut1="primer1" attribut2="primer2">
Вот практический пример:
<input type="email" name="email" placeholder="Введите адрес электронной почты">
Тег inputобычно обозначает элемент, который позволяет пользователям вводить информацию. Однако благодаря атрибутам мы можем указать, что нам нужен адрес электронной почты (атрибут type), и мы можем сообщить его пользователю с помощью сообщения (атрибута placeholder).
По сути, атрибуты:
- являются парами ключ-значение, разделенными символом
=(равно); - значения обычно заключаются в кавычки
"", но также можно использовать кавычки''; - они пишутся, оставляя хотя бы один пробел после имени элемента в открывающем теге (или в единственном теге в случае неконтейнерных элементов).
Общие атрибуты, глобальные атрибуты
Стандарт HTML предоставляет набор атрибутов, которые можно применять ко всем тегам. Мы можем разделить эти атрибуты на две основные подгруппы:
- основные атрибуты (ядро);
- атрибуты для управления событиями.
Основные атрибуты
Атрибуты являются графическим представлением элементов и некоторых аспектов пользовательского интерфейса. Вот некоторые из тех, которые больше связаны с текстом:
| атрибут | описание |
|---|---|
| title | Информация, которая помогает описать содержание элемента. Текст часто отображается во всплывающей подсказке, которая отображается при наведении мыши. |
| lang | Указывает язык контента. Пример. <P lang = «ru»> Привет</ p> |
Вот другие, которые позволяют выбирать и применять правила стиля для графического представления:
| атрибут | описание |
|---|---|
| id | Он используется для привязки уникального идентификатора к элементу. После того, как идентификатор был назначен, он не должен назначаться никакому другому элементу на странице. |
| class | Он служит для установления того, что элемент принадлежит серии «классов». мы вернемся к предмету, а пока достаточно знать, что мы можем применять одинаковые элементы ко всем элементам класса. Мы можем ввести столько классов, сколько захотим, все разделенные пробелом. Например <p class="saluto text-open"> </p>, у него есть два класса: «saluto» и «text-open». |
| style | Он используется для назначения графических свойств (стилей CSS) элементу, этот тип назначения стилей называется «встроенной» стилизацией. Это тоже будет обсуждаться позже |
| draggable | Он может принимать значения trueили false и служит для определения возможности перетаскивания элемента для операции перетаскивания. |
Атрибуты , как id, classи styleявляются одними из наиболее часто используемых
На практике часто предпочитают избегать ассоциирования поведения непосредственно внутри тега, но всеже их можно использовать.
| атрибут | описание |
|---|---|
| OnClick | Обнаружение щелчка (или касания), сделанного на элементе |
| OnLoad | Связывает поведение в конце загрузки элемента |
| OnScroll | Включить поведение, связанное с прокруткой страницы |
| ondrag | Он активируется, когда мы начинаем перетаскивать элемент, который мы указали как draggable="true" |