representative hCard authoring

(Difference between revisions)

Jump to: navigation, search
(added advantages for doing both.)
Current revision (22:21, 20 July 2018) (view source)
m (correct latest link)
 
(4 intermediate revisions not shown.)
Line 1: Line 1:
-
<h1>representative hCard authoring</h1>
+
<entry-title>representative hCard authoring</entry-title>
 +
 
 +
{{latest|representative-h-card-authoring}}
To publish a [[representative hCard]] on a page, in addition to properly following [[hcard-authoring]] instructions, you need to do at least one of two of the following (you can do both).
To publish a [[representative hCard]] on a page, in addition to properly following [[hcard-authoring]] instructions, you need to do at least one of two of the following (you can do both).
-
# 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.: <pre><nowiki><span class="vcard">
+
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.:  
 +
<source lang=html4strict><span class="vcard">
  <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></source>
-
# 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">
+
 
 +
2. markup your links to other profiles with both <code>[[rel-me|rel="me"]]</code> and the "url" class name. e.g.:  
 +
<source lang=html4strict><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>)
-
</span></nowiki></pre>
+
</span></source>
Or better yet do both:
Or better yet do both:
-
<pre><nowiki><span class="vcard">
+
<source lang=html4strict><span class="vcard">
  <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
  <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>)
  (<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>)
-
</span></nowiki></pre>
+
</span></source>
which has the following advantages over either individual example above:
which has the following advantages over either individual example above:
Line 23: Line 28:
== see also ==
== see also ==
-
* [[representative-hcard]]
+
{{representative-hcard-related-pages}}
-
* [[representative-hcard-authoring]]
+
-
* [[representative-hcard-parsing]]
+
-
* [[representative-hcard-examples]]
+
-
* [[representative-hcard-formats]]
+
-
* [[representative-hcard-brainstorming]]
+
-
* [[hcard]]
+
-
* [[hcard-authoring]]
+
-
* [[xfn]]
+
-
* [[rel-me]]
+

Current revision


See latest version: representative-h-card-authoring

To publish a representative hCard on a page, in addition to properly following hcard-authoring 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>

2. 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 better yet do 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>

which has the following advantages over either individual example above:

see also

representative hCard authoring was last modified: Friday, July 20th, 2018

Views