itemscope属性 - アイテムを取り扱う宣言
公開日:
itemscope属性は、この要素がアイテムであることを表すための属性です。構造化データをマークアップするのに利用します。
説明
itemscope属性を付けると、ユーザーエージェントに、この要素で構造化データをマークアップしているということを伝えられます。
HTML
<!-- 構造化データをマークアップしている要素 -->
<dl itemscope
itemtype="http://schema.org/Book">
<dt>書籍名</dt>
<dd itemprop="name">SYNCER</dd>
<dt>ISBN</dt>
<dd itemprop="isbn">123-4-5678-AAAA-B</dd>
</dl>
サンプルコード
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>【デモ】itemscope属性 - アイテムを取り扱う宣言</title>
<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Global_attribute/itemscope/">
<style>
body {
background-color: #fff ;
}
</style>
</head>
<body>
<p>itemscope属性は、この要素が、構造化データをマークアップしている要素だということを、ユーザーエージェントに伝えるための属性です。</p>
<p>どのような構造化データになるのか確認してみて下さい。 (<a href="https://search.google.com/structured-data/testing-tool/u/0/?hl=ja#url=https%3A%2F%2Fdemo.syncer.jp%2F826%2F" target="_blank">Google構造化データテストツール</a>)</p>
<dl itemscope
itemtype="http://schema.org/Book">
<dt>書籍名</dt>
<dd itemprop="name">SYNCER</dd>
<dt>ISBN</dt>
<dd itemprop="isbn">123-4-5678-AAAA-B</dd>
</dl>
</body>
</html>