Difference between revisions of "representative-hcard-authoring"

From Microformats Wiki
representative-hcard-authoring
Jump to navigation Jump to search
(drafted)
 
m
Line 6: Line 6:
 
  <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
 
  <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
 
</span></nowiki></pre>
 
</span></nowiki></pre>
# markup your links to other profiles with both <code>rel="me"</code> and the "url" class name. e.g.: <pre><nowiki><span class="vcard">
+
# markup your links to other profiles with both <code>[[rel-me|rel="me"]]</code> and the "url" class name. e.g.: <pre><nowiki><span class="vcard">
 
  <span class="fn">Tantek Çelik</span>  
 
  <span class="fn">Tantek Çelik</span>  
 
  (<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>)
 
  (<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>)

Revision as of 04:05, 19 November 2007

representative hCard authoring

To publish a representative hCard on a page, in addition to properly following hCard authoring tips instructions, you need to do at least one of two of the following (you can do both).

  1. hyperlink to the page itself, perhaps around your icon or name (or both), and use both the "uid" and "url" class names in the class attribute on the hyperlink. e.g.:
    <span class="vcard">
<a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>

</span>

  1. markup your links to other profiles with both rel="me" and the "url" class name. e.g.:
    <span class="vcard">
<span class="fn">Tantek Çelik</span> 
(<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>)

</span>

Or both:

<span class="vcard">
 <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
 (<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>)
</span>

see also