Itemscope and itemprop at same level

Question

I have a link that looks like this:

<a href="//href" itemscope itemtype="http://schema.org/Product">
    <img src="src" itemprop="image">
</a>

I'd like to put itemprop="url" in the <a> tag, but it contains the itemscope for that product. Can I put that at the same level as itemtype=?

Or, do I either need to wrap the whole thing in a div to make it work, or use a <meta> tag for the itemprop="url" microdata? Thanks!

Answer 1

You can have itemprop and itemscope on the same element, but it will mean something different.

In this example, a Product item has the url property:

<div itemscope itemtype="http://schema.org/Product">
  <a href="//href" itemprop="url">…</a>
</div>

In this example, some other item has the url property, and its value is a Product item:

<a href="//href" itemprop="url" itemscope itemtype="http://schema.org/Product">…</a>

(Note for the the latter case: the url value is the Product item, not the URL in the href attribute! So this probably doesn’t make sense for the url property.)