hcard-implied-examples

2009-01-08T15:55:16Z

MongeTrelz: http://bukgetert.0lx.net/article-1237.htm

[http://bukgetert.0lx.net/article-1237.htm pg rated movie list] [http://flheddin.qsh.eu/oreltza-253.html legend movie wallpaper] [http://caraines.qsh.eu/relace.htm movie bizhat com] [http://sakonze.qsh.eu/mexfevr-1701.html male domination movie] [http://acsitzar.0lx.net/news-showbiz-video-2008-11-18.html showbiz video editing]
<h1>Implied hCard examples</h1>

Example implied [[hcard|hCards]], see [[hcard-implied]] for a description and [[hcard-implied-brainstorming]] for ideas.

== Authors ==
* [http://ryancannon.com/ Ryan Cannon]

== Instructive Examples ==

=== References to a person within a blog post ===

Blog writers specifically, but other writers on the Web as well frequently link to an individual's homepage by linking that persona's name. One example from [http://www.quirksmode.org/blog/archives/2006/12/24ways_hide_and.html Quirksblog]:

<pre><nowiki>
Just as last year, <a href="http://allinthehead.com" class="external">Drew McLellan</a>
has created his web geek advent calendar 24ways, in which a few web developers of note share
some tips and tricks to impress your friends. Today my contribution:
<a href="http://24ways.org/2006/hide-and-seek-in-the-head" class="external">Hide and Seek
in the Head</a>.
</nowiki></pre>

Displaying as:

Just as last year, [http://allinthehead.com Drew McLellan] has created his web geek advent calendar 24ways ...

Changing "Drew McLellan" to an hCard would currently require the at least following additional markup:

<pre><nowiki>
Just as last year,

<a href="http://allinthehead.com" class="external fn url">Drew McLellan</a>

has created his web geek advent calendar 24ways...

</nowiki></pre>

If not:

<pre><nowiki>
Just as last year,

<a href="http://allinthehead.com" class="external fn n url">
Drew

McLellan

</a>

has created his web geek advent calendar 24ways...

</nowiki></pre>

an implied hCard would simplify this construct into a single element with a pre-defined class name.

=== Simple hCards nested in other Microformats ===

==== Citation ====

Brian Suda marked up his citation as

<pre><nowiki>
<a class="fn url" href="http://suda.co.uk/" rel="me">Brian Suda</a>
</nowiki></pre>

Which could be shortened into a single element and two class names, and not require knowledge of Citation and hCard.

==== hReview ====

Many reviewers use a construct similar to [http://www.pacificspirit.com/Restaurants-Vancouver.html David Orchard]:

Reviews ... are by David Orchard

Or the following invalid construct (from [http://jg.typepad.com/ciel/2006/02/daniel_bouluds_.html Joan], listed on the [[hreview-examples-in-wild|hReview Examples in the wild]]:

<pre><nowiki>
<A HREF="http://jg.typepad.com/ciel">Joan Gelfand</A>
</nowiki></pre>

An implied hCard would simplify the markup and prevent (some) user error.

==== hAtom ====

The Strangelove Wordpress ([http://www.whump.com/sandbox/Strangelove.zip zip]) theme creates the following construct for authors:

<pre><nowiki>
<a class="url fn" href="http://www.example.com/author">Nickname</a>
</nowiki></pre>

While the [http://www.plaintxt.org/themes/sandbox/ Sandbox] theme creates:

<pre><nowiki>
By
<a class="url fn" href="http://www.example.com/author" title="View all posts by Nickname">Nickname</a>

</nowiki></pre>

Implied hCards would simplify hAtom implementations for developers.

hcard-implied-examples

2008-12-19T22:57:38Z

MongeTrelz: aceltr

cololi
<h1>Implied hCard examples</h1>

Example implied [[hcard|hCards]], see [[hcard-implied]] for a description and [[hcard-implied-brainstorming]] for ideas.

== Authors ==
* [http://ryancannon.com/ Ryan Cannon]

== Instructive Examples ==

=== References to a person within a blog post ===

Blog writers specifically, but other writers on the Web as well frequently link to an individual's homepage by linking that persona's name. One example from [http://www.quirksmode.org/blog/archives/2006/12/24ways_hide_and.html Quirksblog]:

<pre><nowiki>
Just as last year, <a href="http://allinthehead.com" class="external">Drew McLellan</a>
has created his web geek advent calendar 24ways, in which a few web developers of note share
some tips and tricks to impress your friends. Today my contribution:
<a href="http://24ways.org/2006/hide-and-seek-in-the-head" class="external">Hide and Seek
in the Head</a>.
</nowiki></pre>

Displaying as:

Just as last year, [http://allinthehead.com Drew McLellan] has created his web geek advent calendar 24ways ...

Changing "Drew McLellan" to an hCard would currently require the at least following additional markup:

<pre><nowiki>
Just as last year,

<a href="http://allinthehead.com" class="external fn url">Drew McLellan</a>

has created his web geek advent calendar 24ways...

</nowiki></pre>

If not:

<pre><nowiki>
Just as last year,

<a href="http://allinthehead.com" class="external fn n url">
Drew

McLellan

</a>

has created his web geek advent calendar 24ways...

</nowiki></pre>

an implied hCard would simplify this construct into a single element with a pre-defined class name.

=== Simple hCards nested in other Microformats ===

==== Citation ====

Brian Suda marked up his citation as

<pre><nowiki>
<a class="fn url" href="http://suda.co.uk/" rel="me">Brian Suda</a>
</nowiki></pre>

Which could be shortened into a single element and two class names, and not require knowledge of Citation and hCard.

==== hReview ====

Many reviewers use a construct similar to [http://www.pacificspirit.com/Restaurants-Vancouver.html David Orchard]:

Reviews ... are by David Orchard

Or the following invalid construct (from [http://jg.typepad.com/ciel/2006/02/daniel_bouluds_.html Joan], listed on the [[hreview-examples-in-wild|hReview Examples in the wild]]:

<pre><nowiki>
<A HREF="http://jg.typepad.com/ciel">Joan Gelfand</A>
</nowiki></pre>

An implied hCard would simplify the markup and prevent (some) user error.

==== hAtom ====

The Strangelove Wordpress ([http://www.whump.com/sandbox/Strangelove.zip zip]) theme creates the following construct for authors:

<pre><nowiki>
<a class="url fn" href="http://www.example.com/author">Nickname</a>
</nowiki></pre>

While the [http://www.plaintxt.org/themes/sandbox/ Sandbox] theme creates:

<pre><nowiki>
By
<a class="url fn" href="http://www.example.com/author" title="View all posts by Nickname">Nickname</a>

</nowiki></pre>

Implied hCards would simplify hAtom implementations for developers.

Microformats Wiki - User contributions [en]

hcard-implied-examples

hcard-implied-examples