HTML5, что такое атрибут itemscope и что он делает в условиях laymans?

Я просто хотел узнать, что в основном используется атрибут items5 HTML5?

Ответ 1

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

Он определен в API HTML5 Microdata:

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

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

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

Это используется Schema.org API для связывания данных для поисковых систем и социальных сетей. 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.

Ответ 2

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

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