Краткий курс HTML 5
17. Новые атрибуты в HTML 5
На момент составления курса приведенные ниже атрибуты не поддерживаются всеми браузерами в полной мере, поэтому перед пользователем документ может предстать не таким, каким видите его вы. Насколько оправдано применение этих атрибутов, зависит от конкретной задачи, и решение остается за вами. В любом случае, рекомендуем ознакомиться с главой «Обратная совместимость».
В HTML 5 добавлены несколько атрибутов, принимающих только значения true
или false
. Атрибут contenteditable
указывает, может ли пользователь редактировать содержимое элемента (true
) или нет (false
). Естественно, что редактируемые элементы могут получать фокус ввода, и для определения порядка переключения между ними используется tabindex
, упомянутый в главе «Элементы ввода». Атрибут draggable
позволяет включить (true
) или отключить (false
) возможность перетаскивания элемента мышью. Обычно по умолчанию браузер позволяет перетаскивать только изображения и гиперссылки. С помощью атрибута hidden
можно обозначить элемент, содержимое которого уже или еще не актуально. Если установить ему значение true
, то такой элемент не будет отображен браузером. И наконец, атрибут spellcheck
со значением true
сообщает браузеру о необходимости орфографической/грамматической проверки содержимого элемента. В результате такой проверки обнаруженные ошибки будут выделены каким-либо, зависящим от конкретного браузера образом. Этот атрибут применяется вместе с различными элементами ввода.
Еще одной новинкой HTML 5 является атрибут contextmenu
, применяемый при создании контекстых меню. Подробнее эта возможность описана в главе «Создание меню»
Поддержка микроформатов
Стандартом HTML 5 предусмотрена возможность использовать собственные атрибуты, определяя их назначение самостоятельно. Такие атрибуты имеют вид data-*
, где *
— комбинация строчных латинских букв, цифр и символов «-» и «.». Пользовательские атрибуты игнорируются браузером, но могут быть применены, например, для сортировки информации «на лету» встроенным скриптом или в микроформатах — дополнительных правилах семантической разметки документа, облегчающей его машинную обработку.
С той же целью в HTML 5 добавлены атрибуты item
, itemprop
и subject
, позволяющие группировать информацию в документе по наборам различных признаков. Атрибутом item
обозначается некая сущность, а с помощью itemprop
можно определять ее свойства. Значением свойства может быть строка, URL, дата/время или даже другая сущность. Если какие-то свойства расположены вне сущности, то их можно привязать к ней, указав в значении атрибута subject
идентификатор id
самой сущности.
<div item id="Ivan">
<p>Меня зовут <span itemprop="name">Иван</span>.</p>
<p>Я — <span itemprop="nationality">украинец</span>.</p>
<p>Родился <time itemprop="birthday" datetime="1984-01-06">6-го января 1984</time>.</p>
</div>
<img subject="Ivan" itemprop="photo" src="myphoto.jpg" alt="Моя фотография" />
2 комментария
Денис @ 6 сентября 2015
при создании контекстых меню.
Kuiper @ 9 августа 2018