accesskey

Атрибут accesskey позволяет получить доступ к элементу с помощью сочетания клавиш с заданной в атрибуте буквой или цифрой. Браузеры при этом используют различные комбинации клавиш. Например, для accesskey="s" работают следующие сочетания:

  • Internet Explorer: Alt + S
  • Chrome: Alt + S
  • Opera: Shift + Esc, S
  • Safari: Alt + S
  • Firefox: Shift + Alt + S
<a href="image/xxx.jpg" accesskey="x">

class

Задаёт стилевой класс, который позволяет связать определённый элемент со стилевым оформлением. В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом.

contenteditable

Сообщает, что элемент доступен для редактирования пользователем — можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.

Значения:

  • true - Включает режим редактирования.
  • false - Запрещает редактирование элемента.
<h1 contenteditable="true">Hello, World!</h1>

contextmenu

Устанавливает контекстное меню для элемента.

В качестве значения указывается идентификатор меню, созданное с помощью элемента <menu>.

data-*

Позволяет создавать свои атрибуты для хранения произвольной информации. Данные могут быть получены с помощью скриптов или через стилевую функцию attr(). Имя атрибута должно обязательно начинаться с data-, дальше можно использовать латинские буквы в нижнем регистре, цифры и следующие символы: дефис (-), двоеточие (:), подчёркивание (_).

Для обращения к атрибутам и получения их значений через скрипты применяется метод dataset. Он же используется и для установки нового значения.

<div id="user" data-id="1234567890" data-user="Вася Пупкин" data-date-of-birth="01.04.1990">Пользователь</div>
<script>
	var el = document.getElementById('user');
	id = el.dataset.id; // Получаем значение атрибута data-id
	user = el.dataset.user;
	dob = el.dataset.dateOfBirth; // Получаем значение атрибута data-date-of-birth
	el.dataset.ban = 'Нет'; // Назначаем новый атрибут data-ban и его значение
	console.log(user); // Выводим в консоль значение переменной user
	console.log(dob); // Выводим в консоль значение переменной dob
</script>

dir

Задаёт направление и отображение текста — слева направо или справа налево. Браузеры обычно самостоятельно различают направление текста, если он задан в кодировке Юникод, но с помощью атрибута dir можно указать, в каком направлении отображать текст. Для арабских и еврейских символов приоритетным является направление, заложенное в Юникод, поэтому на них атрибут dir действовать не будет.

Значения:

  • ltr - Текст отображается как обычно - слева направо.
  • rtl - Текст инвертируется и отображается справа налево.
<p dir="rtl">שבת — суббота</p>

draggable

Указывает, можно ли перетаскивать элемент используя Drag and Drop API.

Значения:

  • true - Разрешает перетаскивание элемента.
  • false - Запрещает перетаскивание элемента.
  • auto - Задаёт поведение браузера по умолчанию.
<img src="image/fig.jpg" draggable="true" alt="" />

dropzone

Определяет, что делать с перетаскиваемыми пользователем данными — скопировать их, перетащить или связать — в момент, когда данные бросаются на элемент.

hidden

Скрывает содержимое элемента от просмотра. Такой элемент не отображается на странице, но доступен через скрипты. В качестве значения можно указать hidden (hidden="hidden") или оставить атрибут пустым (hidden="" или hidden).

id

Задаёт стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

itemid

Атрибут itemid определяет уникальный глобальный идентификатор элемента для микроданных. Применяется только к таким элементам, у которых одновременно заданы атрибуты itemscope и itemtype. Кроме того, itemid допустимо использовать со словарями, поддерживающих глобальные идентификаторы. К примеру, для словаря http://schema.org/Book, который описывает книги, в качестве идентификатора может служить ISBN — уникальный международный номер книжного издания.

itemprop

Атрибут itemprop используется для добавления свойств словаря микроданных к элементу. Имя свойства определяется значением itemprop, а значение свойства определяется содержимым HTML-элемента, к примеру, текстом который располагается внутри элемента.

itemref

Свойства, которые не являются потомками элемента с атрибутом itemscope, можно связать с элементом с помощью атрибута itemref. В значении данного атрибута указывается список идентификаторов элементов, которые содержат дополнительные свойствами в других местах документа.

itemscope

Атрибут itemscope задаёт область действия словаря в структуре данных. Как правило, работает совместно с атрибутом itemtype и задаёт пределы, где itemtype будет активен.

itemtype

Атрибут itemtype указывает адрес словаря, который будет применяться для определения свойств элемента в структуре данных. Яндекс и Google поддерживают стандарт разметки Schema.org, соответственно, в качестве значения itemtype указывается адрес словаря на этом сайте. К примеру, для разметки организаций используется значение http://schema.org/Organization.

lang

Текст документа может быть набран как на одном языке, так и содержать вставки на других языках, которые могут различаться по своим правилам оформления текста. Например, для русского, немецкого и английского языка характерны разные кавычки, в которые берется цитата. Чтобы указать язык, на котором написан текст внутри текущего элемента и применяется атрибут lang. Браузер использует его значение для правильного отображения некоторых символов.

spellcheck

Указывает браузеру проверять или нет правописание и грамматику в тексте. Хотя атрибут можно устанавливать практически для всех элементов, результат будет заметен только для полей форм (<input>, <textarea>), а также редактируемых элементов (у них установлен атрибут contenteditable).

Значения:

  • true - Включает режим проверки правописания.
  • false - Отключает проверку.
<p spellcheck="true">Text.</p>

style

Атрибут style применяется для определения стиля элемента с помощью правил CSS.

tabindex

Атрибут tabindex устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab. Переход происходит от меньшего значения к большему, например от 1 к 2, затем к 3 и так далее. При этом строгая последовательность не важна, допускается пропускать какие-то числа и начинать с любой цифры. Если значения tabindex у элементов совпадают, тогда учитывается их порядок появления в коде. Заблокированные элементы (у которых установлен атрибут disabled) не участвуют в переходе и фокус не получают.

<button tabindex="5">Пятый</button>

title

Добавляет всплывающую подсказку с текстом, которая появляется при наведении курсора на элемент. Вид такой подсказки зависит от браузера, настроек операционной системы и не может быть изменён напрямую с помощью HTML-кода или стилей.