Difference between revisions of "rel-design-pattern"

From Microformats Wiki
Jump to navigation Jump to search
Line 11: Line 11:
 
* simple microformats that use only the [[rel-design-pattern]] are typically named after the rel-value
 
* simple microformats that use only the [[rel-design-pattern]] are typically named after the rel-value
  
== Description ==
+
== Examples ==
  
[[RelTag]] defines semantic meaning for by the URI and enclosed elements using <code>rel="tag"</code>
+
==== rel="bookmark" ====
 +
 
 +
The [http://www.w3.org/TR/REC-html40/types.html#h-6.12 HTML4 spec] describes a bookmark as "a link to a key entry point within an extended document". By convention, this entry point also captures the notion of a "permalink".
 +
 
 +
<pre>
 +
<a href="archive/entry.html" rel="bookmark">A Document Entry</a>
 +
</pre>
 +
 
 +
==== rel="tag" ====
 +
 
 +
[[rel-tag]] defines semantic meaning for by the URI and enclosed elements using <code>rel="tag"</code>
  
 
<pre>
 
<pre>

Revision as of 23:53, 4 January 2006

Rel design pattern

Purpose

Use the rel-design-pattern to indicate the meaning of a link (i.e. a href) in an XHTML document

How to use it

  • define the semantic meaning of a link (A with href) within a micoformat and give it a name mf-rel-value
    • this definition may also extend to the value of elements and text enclosed by the link
  • add rel="mf-rel-value" to hyperlinks that have that semantic meaning within that microformat.
  • simple microformats that use only the rel-design-pattern are typically named after the rel-value

Examples

rel="bookmark"

The HTML4 spec describes a bookmark as "a link to a key entry point within an extended document". By convention, this entry point also captures the notion of a "permalink".

<a href="archive/entry.html" rel="bookmark">A Document Entry</a>

rel="tag"

rel="tag" defines semantic meaning for by the URI and enclosed elements using rel="tag"

<a href="http://technorati.com/tag/tech" rel="tag">tech</a>

See Also