コンテンツにスキップ

HTML Living Standard/itemid属性

出典: フリー教科書『ウィキブックス(Wikibooks)』

itemid属性

[編集]

itemid属性は、HTMLで要素の一意な識別子を指定するために使用されるグローバル属性です。この識別子は通常、Schema.orgなどのマイクロデータ仕様と連携して使用され、URLまたはその他のグローバルな識別子を指定できます。

基本構文

[編集]
<element itemid="unique-identifier"></element>
  • element: 属性を適用するHTML要素。
  • unique-identifier: 一意な識別子。URL形式が推奨されます。

使用例

[編集]
マイクロデータでの利用
<div itemscope itemtype="http://schema.org/Product" itemid="https://example.com/products/12345">
  <h1 itemprop="name">サンプル商品</h1>
  <p itemprop="description">この商品はデモ用です。</p>
</div>

この例では、itemid属性により「https://example.com/products/12345」という識別子が<div>要素に関連付けられています。

動作の概要

[編集]
  • 識別子の役割:
    • アイテムを一意に特定するために使用され、データの統合や構造化に役立ちます。
  • マイクロデータとの連携:
    • itemscopeおよびitemtype属性と組み合わせることで、構造化データを定義します。
  • 検索エンジン最適化 (SEO):
    • マイクロデータを使用することで、検索エンジンに対するデータの可読性を向上させます。

itemid属性の利用シーン

[編集]
  • 製品カタログ:
    • 商品ごとに一意のURLを指定することで、データベースや検索エンジンが商品を認識しやすくなります。
  • 構造化データの作成:
    • Schema.orgを活用して、ウェブページのコンテンツを構造化し、リッチスニペットとして表示される可能性を高めます。
  • データの統合:
    • 複数のソースからのデータを一貫性のある形で統合する際に利用されます。

注意点

[編集]
  • 一意性の保証:
    • itemidに指定する値は、グローバルに一意である必要があります。特にURLを指定する場合、適切なドメインを使用してください。
  • ブラウザサポート:
    • 属性自体はHTMLの一部として全ブラウザでサポートされていますが、マイクロデータの解釈は検索エンジンやツールに依存します。
  • アクセシビリティ:
    • 属性自体はアクセシビリティには直接影響しませんが、適切なマークアップで補完することが重要です。

互換性

[編集]
互換性
ブラウザ サポート状況
Chrome 対応
Edge 対応
Firefox 対応
Safari 対応
Opera 対応

参考文献

[編集]

関連項目

[編集]