HTML5 Microdata
Microdata – это спецификация HTML WHATWG, включающая в себя набор атрибутов, которые могут быть добавлены к любому элементу, и используемая для обеспечения дополнительной семантики на веб-страницах. Microdata состоит из набора элементов, каждый из которых имеет набор свойств, представленных в виде пары ключ-значение.
Словари Microdata
Разработчики веб-страниц могут создавать свой словарь или использовать имеющиеся в сети словари. Коллекция наиболее используемых словарей находится по адресу http://data-vocabulary.org.
Глобальные атрибуты
| Название атрибута | Значение атрибута |
|---|---|
| itemscope | Логический атрибут, который создает узел Microdata. Достаточно добавить атрибут itemscope к html элементу. |
| itemtype | Атрибут определяет словарь свойств для определенного узла (itemscope) Microdata. Значение имеет форму URL. |
| itemid | Атрибут назначает глобальный идентификатор для узла Microdata. |
| itemprop | Атрибут определяет свойство элемента |
| itemref | Атрибут, который ссылается на ID внешних свойств. |
Пример
Следующий код содержит информацию о человеке:
<section> Hello, my name is Vladimir Muzhanovskij, I am a manager from great company System-Plus. My friends call me Vovan. You can visit my homepage at <a href="http://www.cuct.ru">www.cuct.ru</a>. I live at 2/3 Tramvainaya, Ufa, Russia.</section>
Тот же код, с добавлением Microdata:
<section itemscope itemtype="http://data-vocabulary.org/Person">
Hello, my name is
<span itemprop="name">Vladimir Muzhanovskij</span>,
I am a
<span itemprop="job"> manager </span>
from great company
<span itemprop="company">System-Plus</span>.
My friends call me
<span itemprop="nickname">Vovan</span>.
You can visit my homepage at
<a href="http://www.cuct.ru" itemprop="url">www.cuct.ru</a>.
<section itemprop="address"
itemscope itemtype="http://data-vocabulary.org/Address">
I live at
<span itemprop="street-address">2/3 Tramvainaya</span>
<span itemprop="city">Ufa</span>
,
<span itemprop="region">Russia</span>.
</section>
</section>
Чтобы создать узел Microdata, достаточно добавить атрибут itemscope к элементу <section>. На последующих элементах используется атрибут itemprop, содержащий значение свойства.
Поддержка:
Google может использовать Microdata на странице результатов.
В настоящее время единственными браузерами, которые поддерживают Microdata API DOM, являются Опера от версии 11.60, Maxthon от версии 3.3.9.600 и Firefox версии разработчиков (16.0a1).
MicrodataJS - библиотека JavaScript и jQuery плагин, который эмулирует API DOM.
Эта статья размещена в Википедии по адресу: HTML5 Microdata