h-card-examples

(Difference between revisions)

Jump to: navigation, search
(stub)
(first example, removed <address> and spec reference to simplify from hCard)
Line 2: Line 2:
[[h-card]] examples is for particularly interesting and illustrative examples of h-card markup.
[[h-card]] examples is for particularly interesting and illustrative examples of h-card markup.
 +
 +
== Instructive Examples ==
 +
 +
=== Authors of Pages and Posts ===
 +
Author's probably have at least their name listed on a page or post. You may also have a link. E.g.
 +
 +
<pre><nowiki><a href="http://tantek.com">Tantek Çelik</a></nowiki></pre>
 +
 +
By adding [[h-card]] to such existing HTML, you can explicitly indicate the author's name and web address:
 +
 +
<pre><nowiki><a href="http://tantek.com" class="h-card">Tantek Çelik</a></nowiki></pre>
 +
 +
This could be displayed as:
 +
 +
[http://tantek.com/ Tantek Çelik]
 +
 +
Note that when this example is parsed, the <code>u-url</code> property will be automatically implied. For more information, see [[microformats-2-implied-properties]].
== See Also ==
== See Also ==
* [[h-card]]
* [[h-card]]

Revision as of 02:49, 10 May 2017

This article is a stub. You can help the microformats.org wiki by expanding it. - consider picking the best and most useful examples from hcard-examples, upgrading them to mf2, and adding them here below.

h-card examples is for particularly interesting and illustrative examples of h-card markup.

Instructive Examples

Authors of Pages and Posts

Author's probably have at least their name listed on a page or post. You may also have a link. E.g.

<a href="http://tantek.com">Tantek Çelik</a>

By adding h-card to such existing HTML, you can explicitly indicate the author's name and web address:

<a href="http://tantek.com" class="h-card">Tantek Çelik</a>

This could be displayed as:

Tantek Çelik

Note that when this example is parsed, the u-url property will be automatically implied. For more information, see microformats-2-implied-properties.

See Also

h-card-examples was last modified: Wednesday, December 31st, 1969

Views