HTML5 что такое атрибут itemscope и что он делает с точки зрения непрофессионала?


Ответы:


68

[itemscope]Атрибут представляет собой логический атрибут , чтобы определить объем метаданных , содержащихся в элементе.

Это определено в API микроданных HTML5 :

Для каждого элемента HTML может быть itemscopeуказан атрибут. itemscopeАтрибут является логическим атрибутом.

Элемент с itemscopeуказанным атрибутом создает новый элемент , группу пар имя-значение.

Другими словами, это способ связать метаданные с конкретным узлом DOM.

Это используется API Schema.org для связывания данных для поисковых систем и социальных сетей. Google+ использует схему как способ предоставления заголовков, эскизов и описаний страниц, которыми пользуются пользователи.


Следует также отметить, что [itemscope]и [itemprop]совместимы с протоколом Facebook Open Graph Protocol при предоставлении метаданных для веб-страницы. Одни и те же метаданные могут быть указаны для поисковых систем, Facbook и Google+ в виде единого набора <meta>элементов, вместо того, чтобы указывать одну и ту же информацию более одного раза:

<html itemscope itemtype="http://schema.org/WebPage" xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>An Example Title</title>
    <meta content="An Example Title" itemprop="name" property="og:title" />
    <meta content="Lorem ipsum dolor sit amet" itemprop="description" name="description" property="og:description" />
    <meta content="http://www.example.com/image.jpg" itemprop="image" property="og:image" />
    <meta content="http://www.example.com/permalink" itemprop="url" property="og:url" />
    <link rel="canonical" href="http://www.example.com/permalink" />
  </head>
  <body>
    ...content...
  </body>
</html>

Обратите внимание, что в примере [itemscope]был добавлен <html>элемент. Это означает, что любые [itemprop]атрибуты в <head>и <body>являются частью WebPageэлемента.


1
Похоже, он был отделен от окончательного HTML5: w3.org/TR/microdata
Ciro Santilli 郝海东 冠状 病 六四 事件

34

Поисковые системы, включая Bing, Google и Yahoo! теперь используют itemscope и друзей для определения семантических данных на веб-страницах. На веб-сайте schema.org у них есть объяснение того, как использовать itemscope с предопределенными схемами для улучшения данных, предоставляемых поисковым системам.

http://schema.org/docs/gs.html

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.