h-card-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to 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