HTML-атрибуты

HTML-атрибуты сообщают браузеру, каким образом должен отображаться тот или иной элемент страницы. Атрибуты позволяют сделать более разнообразными внешний вид информации, добавляемой с помощью одинаковых тегов.

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

Глобальные атрибуты

Глобальные атрибуты, приведенные в таблице ниже, могут быть использованы для любого HTML-элемента, хотя некоторые из них могут не оказывать на элементы никакого влияния.

Элементы, добавленные в спецификацию HTML 5, выделены звездочкой*.

ТАБЛИЦА 1. ГЛОБАЛЬНЫЕ АТРИБУТЫ HTML

Структура таблицы следующая: Атрибут - Описание, принимаемое значение

• accesskey - Генерирует сочетания клавиш для доступа к текущему элементу. Состоит из разделенного пробелами списка символов. Браузер в первую очередь выбирает те клавиши, которые существуют на раскладке клавиатуры. Применяется к следующим элементам: <a>, <area>, <button>, <input>, <label>, <legend>, <textarea>.
  Принимаемые значения: перечень названий клавиш.
• class - Определяет имя класса для элемента (используется для определения класса в таблице стилей).
  Принимаемые значения: имя класса.
• *contenteditable - Определяет, может ли пользователь редактировать содержимое (контент). Позволяет преобразовать любое поле HTML в редактируемый элемент.
  Принимаемые значения: true/false.
• *contextmenu - Добавляет к элементу контекстное меню, заданное тегом <menu>.
  Принимаемые значения: значение атрибута id элемента <menu>.
• dir - Определяет направление текста контента в элементах <bdo> и <bdi>.
  Принимаемые значения: ltr/rtl/auto.
• *draggable - Определяет, может ли пользователь перетащить элемент.
  Принимаемые значения: true/false/auto.
• *dropzone - Определяет область для приема перемещаемых элементов, сообщая браузеру пользователя, какие действия совершить при перемещении.
  Принимаемые значения:
  copy — содержимое перемещаемого элемента будет скопировано в область.
  move — содержимое перемещаемого элемента будет перемещено в новую область.
  link — при перемещении будет создана ссылка на первоначальные данные элемента.
• *hidden - Указывает на то, что элемент должен быть скрыт.
  Принимаемые значения: hidden.
• id - Определяет уникальный идентификатор элемента.
  Принимаемые значения: id — идентификатор элемента.
• lang - Определяет код языка содержимого (контента) в элементе.
  Принимаемые значения: код языка.
• *spellcheck - Указывает, подлежит ли содержимое элемента проверке орфографии и грамматики.
  Принимаемые значения: true/false.
• style - Указывает на код CSS, применяемую для оформления элемента.
  Принимаемые значения: код CSS.
• tabindex - Определяет порядок перехода к элементу при помощи клавиши TAB.
  Принимаемые значения: порядковый номер.
• title - Определяет дополнительную информацию об элементе, задавая всплывающую подсказку для страницы.
  Принимаемые значения: текст.
• *translate - Разрешает или запрещает перевод текста внутри элемента.
  Принимаемые значения: yes/no.

Источник ↗