Вверх A A A
Ноябрь 2018
Нед Пн Вт Ср Чт Пт Сб Вс
44
1
2
3
4
45
5
6
7
8
9
10
11
46
12
13
14
15
16
17
18
47
19
20
21
22
23
24
25
48
26
27
28
29
30
49

Новые атрибуты в HTML 5

Краткий курс HTML 5

На момент составления курса приведенные ниже атрибуты не поддерживаются всеми браузерами в полной мере, поэтому перед пользователем документ может предстать не таким, каким видите его вы. Насколько оправдано применение этих атрибутов, зависит от конкретной задачи, и решение остается за вами. В любом случае, рекомендуем ознакомиться с главой «Обратная совместимость».

В HTML5 добавлены несколько атрибутов, принимающих только значения true или false. Атрибут contenteditable указывает, может ли пользователь редактировать содержимое элемента (true) или нет (false). Естественно, что редактируемые элементы могут получать фокус ввода, и для определения порядка переключения между ними используется tabindex, упомянутый в главе «Элементы ввода». Атрибут draggable позволяет включить (true) или отключить (false) возможность перетаскивания элемента мышью. Обычно по умолчанию браузер позволяет перетаскивать только изображения и гиперссылки. С помощью атрибута hidden можно обозначить элемент, содержимое которого уже или еще не актуально. Если установить ему значение true, то такой элемент не будет отображен браузером. И наконец, атрибут spellcheck со значением true сообщает браузеру о необходимости орфографической/грамматической проверки содержимого элемента. В результате такой проверки обнаруженные ошибки будут выделены каким-либо, зависящим от конкретного браузера образом. Этот атрибут применяется вместе с различными элементами ввода.

Еще одной новинкой HTML5 является атрибут contextmenu, применяемый при создании контекстых меню. Подробнее эта возможность описана в главе «Создание меню»

Поддержка микроформатов

Стандартом HTML5 предусмотрена возможность использовать собственные атрибуты, определяя их назначение самостоятельно. Такие атрибуты имеют вид data-*, где * — комбинация строчных латинских букв, цифр и символов «-» и «.». Пользовательские атрибуты игнорируются браузером, но могут быть применены, например, для сортировки информации «на лету» встроенным скриптом или в микроформатах — дополнительных правилах семантической разметки документа, облегчающей его машинную обработку.

С той же целью в HTML5 добавлены атрибуты 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="Моя фотография" />
    5 / 583


796

Эта статья находится в разделах:

Краткий курс HTML 5

Свернуть