このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

マイクロデータ属性~“itemref”属性HTML Living Standardで定義

記事Sep. 2nd,2018
July 7th,2020
“itemscope”属性が指定されている要素の外にあるマイクロデータと関連付けるための属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

itemref”属性について

itemref”属性はitemscope”属性が指定されている要素の外にあるマイクロデータと関連付けるための属性です。

マイクロデータを文書の構造上itemscope”属性が指定されている要素に内包できない場合、例えば説明リストテーブルの中にマイクロデータがある場合などに使用することができます。

グローバル属性なのですべての要素に対して指定することができます。ただし、“itemref”属性はitemscope”属性が指定されている要素にのみ指定することができます。

指定できる値

属性値 説明
ID名 関連付けるマイクロデータを含む要素のid”属性の値

値は空白文字で区切ることで複数指定することができますが空の値とすることはできません。

サンプルコード

<dl>
<dt itemscope itemtype="http://schema.org/Person" itemref="sayshownagon1 sayshownagon2 sayshownagon3"><dfn itemprop="name">清少納言</dfn></dt>
<dd itemprop="description" id="sayshownagon1">平安時代の女流歌人。</dd>
<dd itemprop="description" id="sayshownagon2">代表作は“枕草子”</dd>
<dd itemprop="description" id="sayshownagon3">
本名は
<span itemprop="name">
<span itemprop="familyName">清原</span><span itemprop="givenName">諾子</span>
</span>
だったと言われる。
</dd>
<dt itemscope itemtype="http://schema.org/Person" itemref="shikibu1 shikibu2 shikibu3"><dfn itemprop="name">紫式部</dfn></dt>
<dd itemprop="description" id="shikibu1">平安時代の女流歌人。</dd>
<dd itemprop="description" id="shikibu2">代表作は“源氏物語”</dd>
<dd itemprop="description" id="shikibu3">
本名は
<span itemprop="name">
<span itemprop="familyName">藤原</span><span itemprop="givenName">香子</span>
</span>
だったと言われる。
</dd>
</dl>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク