HTML5のitemscope属性が基本的に何に使用されているのか知りたいだけですか?
回答:
[itemscope]属性は、要素内に含まれるメタデータの範囲を定義するブール属性です。
HTML5 Microdata APIで定義されています。
すべてのHTML要素には、
itemscope指定された属性があります。itemscope属性は論理属性です。
itemscope属性が指定された要素は、名前と値のペアのグループである新しい項目を作成します。
つまり、メタデータを特定のDOMノードに関連付ける方法です。
これはSchema.org APIで使用され、検索エンジンとソーシャルネットワークのデータを関連付けます。Google+は、ユーザーが共有するページにタイトル、サムネイル、説明を提供する方法としてスキーマを使用します。
また、ことに留意すべきである[itemscope]と[itemprop]Facebookのと互換性のあるオープングラフプロトコルのWebページのためのメタデータを提供するとき。検索エンジン、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とフレンドを使用して、Webページ内のセマンティックデータを識別しています。Webサイトschema.orgで、事前定義されたスキーマでitemscopeを使用して、検索エンジンに提供されるデータを改善する方法について説明しています。