hcard-implied-examples

From Microformats

Implied hCard examples

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

Table of contents
1 Authors
2 Instructive Examples

2.1 References to a person within a blog post
2.2 Simple hCards nested in other Microformats

2.2.1 Citation
2.2.2 hReview
2.2.3 hAtom

[edit]

Authors

[edit]

Instructive Examples

[edit]

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 Quirksblog (http://www.quirksmode.org/blog/archives/2006/12/24ways_hide_and.html): 

<p>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>.</p>

Displaying as:

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

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

<p>Just as last year,
  <span class="vcard">
    <a href="http://allinthehead.com" class="external fn url">Drew McLellan</a>
  </span>
has created his web geek advent calendar 24ways...
</p>

If not: 

<p>Just as last year,
  <span class="vcard">
    <a href="http://allinthehead.com" class="external fn n url">
      <span class="given-name">Drew</span>
      <span class="family-name">
        <span class="sort-string">M</span>cLellan
      </span>
    </a>
  </span>
has created his web geek advent calendar 24ways...
</p>

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

[edit]

Simple hCards nested in other Microformats

[edit]

Citation

Brian Suda marked up his citation as 

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

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

[edit]

hReview

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

Reviews ... are by David Orchard</span>

Or the following invalid construct (from Joan (http://jg.typepad.com/ciel/2006/02/daniel_bouluds_.html), listed on the hReview Examples in the wild: 

<span class="reviewer fn"><A HREF="http://jg.typepad.com/ciel">Joan Gelfand</A></span>

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

[edit]

hAtom

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

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

While the Sandbox (http://www.plaintxt.org/themes/sandbox/) theme creates: 

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

Implied hCards would simplify hAtom implementations for developers.

Retrieved from "http://microformats.org/wiki/hcard-implied-examples"
Personal tools