html - 连接两个不在同一范围内的微数据项

Question

假设我的 html 页面如下所示：

<div itemscope itemtype="http://schema.org/videoObject">

<span itemprop="name">My Video Name</span>

</div>

...页面的其余部分...

<textarea rows="7" cols="54" readonly="readonly"><?php echo $embedUrl?></textarea>

我想为 textarea 添加一个 itemprop="embedUrl" 因为它包含我的 videoobject 的嵌入代码，但由于它不在我的 div 中，因为这是页面的设计方式，所以我必须按顺序创建一个新的 videoobject指定。如何扩展原始视频对象的范围以包含文本区域，即使它不在原始 div 中？

Answer 1

您的用例就是该itemref属性的用途。

你像这样使用它：

<div itemscope itemtype="http://schema.org/videoObject" itemref="mytextarea">
    <span itemprop="name">My Video Name</span>
</div>

...页面的其余部分...

<textarea rows="7" cols="54" readonly="readonly" 
    id="mytextarea" itemprop="embedUrl"><?php echo $embedUrl?></textarea>

该itemref属性必须与该属性位于同一元素上，itemscope并采用空格分隔的具有 itemprop 属性的元素的 id 列表。

有关更多信息，请查看有关微数据的 HTML5 Doctor 文章