从图中您可以看到，我们能够插入到页面中的信息确实很多，如果您访问该页面，您会发现随着继续向下，数量会增加。然而，这让我们面临一个有趣的问题：如何输入这些信息？
答案非常简单，因为这些元素的行为与必须为其赋值的经典 HTML 属性完全相同。整个 Schema.org 基于三个属性的使用：
itemscope–这是不需要任何类型值的主要属性，它只是告诉搜索引擎声明它的容器内的内容是我们想要使用的 Schema.org 类型。
itemtype–通过第一个属性，我们可以识别我们传递的信息的类型，在我们的示例中，该属性将用于指示信息的结构recipe.
itemprop–这是我们最常在容器中插入的属性，它允许我们识别构成我们声明的内容的各种信息。
当然，这都是理论，我相信您希望看到一些现实生活中的例子，不是吗？好吧，尽管我们已经到了文章的结尾，但这里有一个小例子，我希望它可以帮助您更好地理解如何使用从此类方案中获得的信息：
超文本标记语言
1
<部分 itemscope itemtype = “食谱” >
2
<标题>
3
< h1 itemprop = "name" >香蒜意大利面</ h1 >
4
< img itemprop = "image" src = "pasta-pesto.jpg" alt = "意大利面配香蒜沙司" >
5
</标题>
6
< div id = "ingredients" >营养信息：450卡路里，9克脂肪</div>
7
<文章 itemprop = “描述” 类= “desc” > ... </文章>
8
<页脚>
9
准备时间：< meta itemprop = "prepTime" content = "PT15M" > 15 分钟
10
烹饪时间：< meta itemprop = "cookTime" content = "PT1H" > 1 小时
11
</页脚>
12
</节>
正如您亲眼所见，我们使用的 HTML5 元素与我之前向您展示的元素相同（除了<article>我们在视 意大利语数据 频中进行了深入介绍）。首先我要指出的是，我们整个菜谱的容器是如何定制的<section>。
由于属性itemscope和的使用itemtype，如前所述，我的信息与食谱相关，这将允许我们使用itemprop链接到各个信息的后续信息。
如果您一直注意的话，您会注意到这段代码中发生了一些奇怪的事情，或者更确切地说是我还没有向您解释的事情。