HTML5 что такое атрибут itemscope и что он делает с точки зрения непрофессионалов? - PullRequest
83 голосов
/ 11 ноября 2010

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

Ответы [ 2 ]

66 голосов
/ 11 ноября 2010

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

Он определен в Микроданных HTML5 API:

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

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

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

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


Следует также отметить, что [itemscope] и [itemprop] совместимыс Facebook Открыть график протокола при предоставлении метаданных для веб-страницы.Одни и те же метаданные могут быть перечислены для поисковых систем, 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.

33 голосов
/ 03 июня 2011

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...