HTML5のitemscope属性とは何ですか?それは素人の言葉で何をしますか?


回答:


67

[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ことを意味します。


1
最終的なHTML5から分割されたようです:w3.org/TR/microdata
Ciro Santilli郝海东冠状病六四事件法轮功

34

Bing、Google、Yahoo!などの検索エンジン は現在、itemscopeとフレンドを使用して、Webページ内のセマンティックデータを識別しています。Webサイトschema.orgで、事前定義されたスキーマでitemscopeを使用して、検索エンジンに提供されるデータを改善する方法について説明しています。

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.