hcard-implied-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
m (Reverted edits by MongeTrelz (Talk) to last version by Brian)
(7 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<h1>Implied hCard examples</h1>
<h1>Implied hCard examples</h1>

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

== Authors ==
== Authors ==

Latest revision as of 20:02, 8 January 2009

Implied hCard examples

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


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>
has created his web geek advent calendar 24ways...

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
has created his web geek advent calendar 24ways...

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

Simple hCards nested in other Microformats


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.


Many reviewers use a construct similar to David Orchard:

Reviews ... are by David Orchard

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.


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>

Implied hCards would simplify hAtom implementations for developers.