itemprop 属性Microdata のプロパティを指定する

itemprop 属性は Microdata (マイクロデータ) のマークアップを行う際、プロパティを指定する属性です。

属性値には、schema.org などで策定されている Microdata プロパティを指定し、itemscope 属性itemtype 属性itemref 属性などと組み合わせて指定することで、セマンティックのための様々なメタデータを与えることができます。

なお、itemprop 属性が付与された link 要素meta 要素はフロー・コンテンツ、またはフレージング・コンテンツが期待される場所で使用することができますが、meta 要素に対して itemprop 属性が指定されている場合は、name、http-equiv、charset 属性を同時に指定することはできません。また、link 要素が itemprop 属性を持つ場合、rel 属性は省略することができます。

itemprop 属性の仕様

この属性を使用できる要素
  • すべての HTML 要素

itemprop 属性のサンプルソース

<!DOCTYPE html>
<html lang="ja" itemscope="itemscope" itemtype="http://schema.org/WebPage">
 <head>
  <meta charset="utf-8" />
  <title itemprop="name">文書のタイトル</title>
  <meta itemprop="description" content="文書の概要テキスト" />
  <link itemprop="author" href="http://example.com/aboutme/" />
</head>
<article itemscope="itemscope" itemtype="http://schema.org/Article">
 <meta itemprop="description" content="記事の概要" />
 <link itemprop="author" href="http://example.com/aboutme/" />
 <header>
  <h1 itemprop="name">記事のタイトル</h1>
 </header>
 …省略…
</article>

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ