【HTML Living Standard】itemscope属性の使い方
itemscope属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
itemscopeプロパティは、HTML要素が構造化データの一種であるマイクロデータにおける「アイテム」であることを示すグローバル属性です。この属性が設定されたHTML要素は、特定の「もの」や「事柄」（例えば、人物、イベント、商品、記事など）に関するまとまった情報ブロックとして扱われます。
Webページのコンテンツを機械が理解しやすい形式でマークアップするために使用され、特に検索エンジンがページの内容を深く把握するのに役立ちます。itemscopeは単独で利用されることもありますが、一般的にはitemtype属性と組み合わせて使用されます。itemtype属性は、そのアイテムが具体的にどのような種類の「もの」であるかを、例えばhttp://schema.org/Personのように定義します。
さらに、itemprop属性を使用することで、そのアイテムが持つ具体的なプロパティ（例えば、人物の名前、イベントの場所、商品の価格など）をHTML要素に関連付けることが可能です。これにより、検索エンジンはWebサイトの情報をより正確に解釈し、検索結果に豊富な情報（リッチスニペット）として表示できるようになります。
itemscopeは、HTML Living Standardで定義されているグローバル属性の一つであり、原則としてすべてのHTML要素に指定することができます。Webサイトのセマンティックな意味付けを強化し、ユーザーや検索エンジンにとってより価値のある情報提供を実現するための重要な役割を担っています。
公式リファレンス: HTML itemscope global attribute
構文(syntax)
1<div itemscope></div>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません