Краткий курс 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="Моя фотография" />

1 комментарий

Большое спасибо за краткий курс! Все подробно и доходчиво описано, узнал много чего нового :) Добавил вас в закладки

Денис @ 6 сентября 2015

Оставить комментарий