Я просто хотел знать, для чего в основном используется атрибут HTML5 itemscope?
Я просто хотел знать, для чего в основном используется атрибут HTML5 itemscope?
Ответы:
[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
элемента.
Поисковые системы, включая Bing, Google и Yahoo! теперь используют itemscope и друзей для определения семантических данных на веб-страницах. На веб-сайте schema.org у них есть объяснение того, как использовать itemscope с предопределенными схемами для улучшения данных, предоставляемых поисковым системам.