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”，因为它包含了我的视频对象的嵌入代码，但由于它不在我的div中，因为这是页面设计的方式，我必须创建一个新的videoobject以指定它。如何扩展原始视频对象的范围以包含textarea，即使它不在原始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列表。