如何将'name'和'url'属性添加到同一个标签?

Laz*_*iko 15 html5 microdata schema.org

我正在将schema.org Microdata添加到我的网站.

我的HTML代码是这样的:

<div itemscope itemtype="http://schema.org/Organization">
<span class="title">Name of the organization</span>
<a href="http://www.ABCCompany.com/">ABC Company</a>
</div>
Run Code Online (Sandbox Code Playgroud)

由于组织的itemprop"网址"和"名称"都在锚标记中.如何itemprop在同一标签上指明"url"和"name" ?我必须span为此目的添加额外的标签吗?

我已经尝试在此搜索一些编码示例,但找不到任何示例来显示itemprop在同一个标​​记上使用多个.

最后,我希望Microdata像这样:

url="http://www.ABCCompany.com", name="ABC Company"
Run Code Online (Sandbox Code Playgroud)

cyg*_*gri 30

你必须通过嵌套两个元素来做到这一点.例如,你可以在<span>里面嵌套<a>并放置itemprop="name":

<div itemscope itemtype="http://schema.org/Organization">
    <a itemprop="url" href="http://www.ABCCompany.com/">
        <span itemprop="name">ABC Company</span>
    </a>
</div>
Run Code Online (Sandbox Code Playgroud)

我发现这个网站很方便用于测试这些东西.

  • 是的,当然这是合法的.为什么不呢?规范中的算法会向下递归到所有子元素,除非它上面有@itemscope. (3认同)
  • @knut - 一个`itemprop`不会像`itemscope`那样创建一个新的范围.每个元素类型(`<a>`,`<span>`等)确定提取哪个部分作为附加的`itemprop`属性的值. (3认同)
  • 嵌套这样的itemprops真的合法吗?您在规范中看到过这方面的任何示例吗?我看到的嵌套itemprops的唯一例子是当其中一个itemprops是一个itemtype并且它启动一个新的itemscope时. (2认同)
  • 从锚标记中分配两个 itemprop 似乎不可避免地需要额外的 span 标记。 (2认同)