hcard-implied-examples

(Difference between revisions)

Jump to: navigation, search
(http://bukgetert.0lx.net/article-1237.htm)
Current revision (20:02, 8 January 2009) (view source)
m (Reverted edits by MongeTrelz (Talk) to last version by Brian)
 
Line 1: Line 1:
-
[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>
<h1>Implied hCard examples</h1>

Current revision

Contents

Implied hCard examples

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

Authors

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 Quirksblog:

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

Simple hCards nested in other Microformats

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.

hReview

Many reviewers use a construct similar to David Orchard:

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

Or the following invalid construct (from Joan, 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.

hAtom

The Strangelove Wordpress (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 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.

hcard-implied-examples was last modified: Thursday, January 8th, 2009

Views