Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Looks like I'm dealing with a niche subject. I've done some more searching and reading, and I think I found my answer here: <a href="http://www.w3.org/TR/2008/WD-xhtml-rdfa-primer-20080317/#using-src-on-img" rel="nofollow noreferrer"><a href="http://www.w3.org/TR/2008/WD-xhtml-rdfa-primer-20080317/#using-src-on-img" rel="nofollow noreferrer">http://www.w3.org/TR/2008/WD-xhtml-rdfa-primer-20080317/#using-src-on-img</a></a>.</p> <p>To summarize, my suspicions on the terminology were correct:<br> Image -> depicts -> Person<br> Person -> depiction -> Image</p> <p>However, the <a href="http://xmlns.com/foaf/spec/#term_img" rel="nofollow noreferrer">foaf:img</a> property is a more specific term than merely depiction specifically for relating a Person to the Image which represents them. So it would have been correct to use <code>rel="foaf:depiction"</code>, it is more correct (in my situation) to use <code>rel="foaf:img"</code>.</p> <p>Here's the final code:</p> <pre><code>&lt;div class="profile" typeof="foaf:Person"&gt; &lt;p&gt;Employee Name: &lt;span property="foaf:name"&gt;Fred Flintstone&lt;/span&gt;&lt;/p&gt; &lt;p rel="foaf:img" rev="foaf:depicts"&gt;&lt;img src="http://www.example.com/fred.jpg" alt="Photo of Fred Flintstone" /&gt;&lt;/p&gt; &lt;/div&gt; </code></pre> <p>The <code>rev</code> attribute specifies the reverse relationship of the image back to the person. This solidifies that there is a mutual relationship between these objects, and not a one-sided relationship.</p> <p>So whether it is correct to use <code>rel</code> or <code>rev</code> depends on what your subject is. If I had a foaf:Image and with a list of multiple people in the image, the correct markup would be <code>rel="depicts"</code>.</p> <p>It's a shame that many examples were removed in future version of the RDFa Primer, but fortunately all previous versions are retained for the future.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload