HTML5, що таке атрибут itemscope і що він робить з точки зору неспеціалістів?


Відповіді:


67

[itemscope]Атрибут представляє собою логічний атрибут , щоб визначити обсяг метаданих , що містяться в елементі.

Це визначено в API мікроданих HTML5 :

Кожен елемент HTML може мати itemscopeвказаний атрибут. itemscopeАтрибут є логічним атрибутом.

Елемент із зазначеним itemscopeатрибутом створює новий елемент , групу пар ім'я-значення.

Іншими словами, це спосіб пов’язування метаданих з певним вузлом DOM.

Це використовується API Schema.org для асоціювання даних для пошукових систем та соціальних мереж. Google+ використовує схему як спосіб надання заголовків, ескізів та описів сторінок, якими користуються користувачі.


Слід також зазначити , що [itemscope]і [itemprop]сумісні з Facebook, Open Graph протоколу при наданні метаданих для веб - сторінки. Ті самі метадані можна перерахувати для пошукових систем, 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.