html5 – 如何添加’name’和’url’属性到相同的标签?

前端之家收集整理的这篇文章主要介绍了html5 – 如何添加’name’和’url’属性到相同的标签?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将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>

由于本组织的itemprop“url”和“name”都在锚标签中。如何在同一个标​​签上指出“url”和“name”itemprop?为此,我必须添加额外的span标签吗?

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

最后,我想要这样的Microdata:

url="http://www.ABCCompany.com",name="ABC Company"

解决方法

你必须通过嵌套两个元素来实现。例如,您可以嵌套< 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>

我发现this site用于测试这样的东西。

猜你在找的HTML5相关文章