itemtype
全局属性 指定了词汇的 URL,它将会用于定义数据结构中的 itemprop
(条目属性)。itemscope
用于设置词汇的生效范围,其中词汇在数据结构中由 itemtype
设置。
Google 和其它主流搜索引擎支持 schema.org 结构化数据词汇。这个词汇定义了一组标准的类型名称和属性名称。例如,MusicEvent
表示音乐会的名称,startDate
和 location
属性指定了音乐会的关键信息。这里,MusicEvent
应该是用于 itemtype
的 URL,而 startDate
和 location 作为 MusicEvent
所定义的 itemprop。
- itemtype 属性必须拥有这样的值,它是唯一标识的无序集合,这些标识是大小写敏感的,每个标识都是有效的绝对 URL,并且所有都使用相同词汇定义。属性的值必须至少拥有一个标识。
- 条目的类型必须全部为定义在适用规范(例如 schema.org)中的类型,并且必须使用相同词汇定义。
- itemtype 属性只能在指定了 itemscope 属性的元素上指定。
- itemid 属性只能在同时指定了 itemscope 和 itemtype 属性的元素上指定。它们必须仅仅在拥有 itemscope 属性的元素上指定,它的 itemtype 属性指定了不支持全局标识符的词汇,根据该词汇规范的定义。
- 全局标识符的准确含义,由词汇的规范决定。它留给这种规范,来定义全局标识符相同的多个条目(位于相同页面或不同页面)是否允许存在,以及对于处理 ID 相同的多个条目,使用什么处理规则。
简单示例
HTML
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="brand">ACME</span>
<span itemprop="name">Executive Anvil</span>
</div>
结构化数据
itemscope |
itemtype |
schema.org Product |
itemprop |
name |
Executive Anvil |
itemprop |
brand [Thing] |
itemprop |
name |
ACME |
示例
HTML
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="brand">ACME<br></span>
<span itemprop="name">Executive Anvil<br></span>
<img itemprop="image" src="https://pixabay.com/static/uploads/photo/2015/09/05/18/15/suitcase-924605_960_720.png" width="50" height="50" alt="Executive Anvil logo" /><br>
<span itemprop="description">Sleeker than ACME's Classic Anvil, the
Executive Anvil is perfect for the business traveler
looking for something to drop from a height.
<br>
</span>
Product #: <span itemprop="mpn">925872<br></span>
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Rating: <span itemprop="ratingValue">4.4</span> stars, based on <span itemprop="reviewCount">89
</span> reviews<p>
</span>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
Regular price: $179.99<br>
<meta itemprop="priceCurrency" content="USD" />
<span itemprop="price">Sale price: $119.99<br></span>
(Sale ends <time itemprop="priceValidUntil" datetime="2020-11-05">
5 November!</time>)<br>
Available from: <span itemprop="seller" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Executive Objects<br></span>
</span>
Condition: <link itemprop="itemCondition" href="http://schema.org/UsedCondition"/>Previously owned,
in excellent condition<br>
<link itemprop="availability" href="http://schema.org/InStock"/>In stock! Order now!
</span>
</span>
</div>
结果
HTML
结构化数据
itemscope |
itemtype |
Product (http://schema.org/Product) |
itemprop |
name |
Executive Anvil |
itemprop |
image |
https://pixabay.com/static/uploads/photo/2015/09/05/18/15/suitcase-924605_960_720.png |
itemprop |
description |
Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height. |
itemprop |
mpn |
925872 |
itemprop |
brand [Thing] |
|
itemprop |
name |
ACME |
itemscope |
itemprop[itemtype] |
aggregateRating[AggregateRating] |
|
itemprop |
ratingValue |
4.4 |
itemprop |
reviewCount |
89 |
itemprop |
offers [Offer] |
http://schema.org/Offer |
itemprop |
priceCurrency |
USD |
itemprop |
price |
119.99 |
itemprop |
priceValidUntil |
2020-11-05 |
itemprop |
itemCondition |
http://schema.org/UsedCondition |
itemprop |
availability |
http://schema.org/InStock |
itemscope |
itemprop[itemtype] |
seller [Organization] |
http://schema.org/Organization |
itemprop |
name |
Executive Objects |
注: 一个工具,用于从 HTML 提取 microdata 结构,是 Google 的 结构化数据测试工具。在上面展示的 HTML 上尝试吧。
规范
Specification |
Status |
Comment |
itemtype |
|
WG Note - No longer being actively developed |
浏览器兼容性
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
Basic support |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
Feature |
Android |
Chrome for Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
Basic support |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
另见
文档标签和贡献者