Sep. 2nd,2018
＃
“itemprop”属性について
“itemprop”属性は要素の内容のマイクロデータのプロパティ名を指定する属性です。プロパティ名は最も近い祖先要素の“itemtype”属性で指定された定義(“ボキャブラリー”)に基づくもので、マイクロデータが何を表現しているのかを表します。
また、“itemprop”属性が指定された要素は最も近い“itemscope”属性を指定された祖先要素が生成するアイテムを構成するマイクロデータを表します。指定した要素によって何がマイクロデータとなるのかが異なります。
- 要素が“itemscope”属性を指定されている時
- マイクロデータは“itemscope”属性によって生成されたアイテム
- 要素が“meta”要素
- マイクロデータは要素の“content”属性の値
- 要素が“audio”要素、“embed”要素、“iframe”要素、“img”要素、“source”要素、“track”要素、“video”要素のいずれかである時
- マイクロデータは要素の“src”属性から得られる絶対URL
- 要素が“a”要素、“area”要素、“link”要素のいずれかである時
- マイクロデータは要素の“href”属性から得られる絶対URL
- 要素が“object”要素である時
- マイクロデータは要素の“data”属性から得られる絶対URL
- 要素が“data”要素である時
- マイクロデータは要素の“value”属性の値
- 要素が“meter”要素である時
- マイクロデータは要素の“value”属性の値
- 要素が“time”要素である時
- マイクロデータは要素の“datetime”属性の値、“datetime”属性の値がなければその内容
- 上記以外の時
- マイクロデータは要素の内容であるテキスト
いずれの場合も該当するものが見つからない場合はマイクロデータは空文字列となります。
グローバル属性なのですべての要素に対して指定することができます。
＃
指定できる値
| 属性値 | 説明 |
|---|---|
| プロパティ名 | “itemtype”属性で指定された定義に基づくプロパティ名 |
値は空白文字で区切ることで複数指定することができますが空の値とすることはできません。
“itemprop”属性の値は“itemtype”属性で指定された定義に基づくプロパティ名です。例えば“itemtype”属性の値が“http://
| プロパティ名 | 説明 |
|---|---|
| author | 著者 |
| dateCreated | 作られた日付 |
| dateModified | 変更が加えられた日付 |
| datePublished | 最初に出版された日付 |
| editor | 編集者 |
| genre | ジャンル |
| publisher | 出版者 |
| text | テキストコンテンツ |
| translator | 翻訳者 |
また、“http://
| プロパティ名 | 説明 |
|---|---|
| alternateName | 別名 |
| description | 説明 |
| name | 名前 |
なお、以上で示したプロパティ名は定義されているものから一部のみ抜粋したものです。
＃
サンプルコード
<div itemscope itemtype="http://schema.org/CreativeWork">
<p itemprop="description">
下に書かれている文章は<time datetime="1010" itemprop="dateCreated">寬弘7年</time>に<span itemprop="locationCreated">平安京</span>で書かれたとされる“<span itemprop="name">紫式部日記</span>”の一節です。
<span itemscope itemprop="author" itemtype="http://schema.org/Person">
<span itemprop="name">紫式部</span>は平安時代の<span itemprop="jobTitle">女流歌人</span>です。本名は
<span itemprop="name">
<span itemprop="familyName">藤原</span><span itemprop="givenName">香子</span>
</span>
であるという説がありますが、定かではありません。紫式部は<span itemprop="colleague">清少納言</span>とライバル関係にあったと言われ、紫式部日記の中で清少納言のことを批判しています。しかし当時2人は面識はなかったのではないかという見方が有力です。
</span>
</p>
<blockquote itemprop="text">
<p>
秋のけはひ入りたつままに、土御門殿のありさま、いはむかたなくをかし。池のわたりの梢ども、遣水のほとりの草むら、おのがじし色づきわたりつつ、大方の空も艷なるにもてはやされて、不断の御読経の声々、あはれまさりけり。やうやう凉しき風のけはひに、例の絶えせぬ水の音なひ、夜もすがら聞きまがはさる。
</p>
</blockquote>
</div>
