Атрибуты

Тэги 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 и служит для определения возможности перетаскивания элемента для операции перетаскивания.

Атрибуты , как idclassи styleявляются одними из наиболее часто используемых

На практике часто предпочитают избегать ассоциирования поведения непосредственно внутри тега, но всеже их можно использовать.

атрибутописание
OnClickОбнаружение щелчка (или касания), сделанного на элементе
OnLoadСвязывает поведение в конце загрузки элемента
OnScrollВключить поведение, связанное с прокруткой страницы
ondragОн активируется, когда мы начинаем перетаскивать элемент, который мы указали как draggable="true"

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *