©
Dokumen ini menggunakanManual laman web PHP CinaLepaskan
itemscope是定义关联元数据范围的Boolean全局属性。指定itemscope元素的属性会创建一个新项目,这会生成一些与元素关联的名称 - 值对。相关属性,itemtype用于指定描述项目及其属性上下文的词汇表(例如schema.org)的有效URL 。在以下每个示例中,词汇均来自schema.org。
每个HTML元素可能都有一个itemscope指定的属性。itemscope没有关联的元素itemtype必须具有关联的元素itemref。
注意:在http://schema.org/Thing找到更多关于itemtype属性的信息
以下示例指定itemscope属性。示例指定itemtype为“ http://schema.org/Movie ”,并指定三个相关的itemprop属性。
下表显示了上例中的结构化数据。
|
itemscope |
Itemtype |
Movie |
|---|---|---|
|
itemprop |
(itemprop name) |
(itemprop value) |
|
itemprop |
director |
James Cameron |
|
itemprop |
genre |
Science Fiction |
|
itemprop |
name |
Avatar |
|
itemprop |
https://youtu.be/0AY1XIkX7bY |
Trailer |
itemscopeID属性当您为元素itemscope指定属性时,会创建一个新项目。项目由一组名称 - 值对组成。对于具有itemscope属性和itemtype属性的元素,您还可以指定id属性。您可以使用id属性为新项目设置全局标识符。全局标识符允许项目与遍及Web页面上的其他项目相关联。
itemscope在以下示例中有四个属性。每个itemscope属性设置其相应itemptype属性的范围。itemtypeS, ,Recipe,AggregateRating和NutritionInformation在下面的例子是部分schema.org用于配方的结构化数据,由所述itemptype首先指定,http://schema.org/Recipe。
Grandma's Holiday Apple Pie
By Carol Smith
Published:
This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.
4.0 stars based on 35 reviews
Prep time: Cook time: Total time: Yield: 1 9" pie (8 servings)
Serving size: 1 medium slice
Calories per serving: 250 cal
Fat per serving: 12 g
Ingredients:
Directions:
Thinly-sliced apples: 6 cups
White sugar: 3/4 cup
...
1. Cut and peel apples
2. Mix sugar and cinnamon. Use additional sugar for tart apples.
...
以下是前面的代码示例的呈现。
|
itemscope |
itemtype |
Recipe |
|---|---|---|
|
itemprop |
name |
Grandma's Holiday Apple Pie |
|
itemprop |
image |
https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg |
|
itemprop |
datePublished |
2009-11-05 |
|
itemprop |
description |
This is my grandmother's apple pie recipe. I like to add a dash of nutmeg. |
|
itemprop |
prepTime |
PT30M |
|
itemprop |
cookTime |
PT1H |
|
itemprop |
totalTime |
PT1H30M |
|
itemprop |
recipeYield |
1 9" pie (8 servings) |
|
itemprop |
recipeIngredient |
Thinly-sliced apples: 6 cups |
|
itemprop |
recipeIngredient |
White sugar: 3/4 cup |
|
itemprop |
recipeInstructions |
|
|
itemprop |
author Person |
|
|
itemprop |
name |
Carol Smith |
|
itemscope |
itempropitemtype |
aggregateRating AggregateRating |
|
itemprop |
ratingValue |
4.0 |
|
itemprop |
reviewCount |
35 |
|
itemscope |
itempropitemtype |
nutrition NutritionInformation |
|
itemprop |
servingSize |
1 medium slice |
|
itemprop |
calories |
250 cal |
|
itemprop |
fatContent |
12 g |
注意:用于从HTML中提取微数据结构的便捷工具是Google的结构化数据测试工具。试试上面显示的HTML。
|
Specification |
Status |
Comment |
|---|---|---|
|
itemscope |
|
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) |