rel-design-pattern

2008-12-17T19:46:14Z

EleltRelbo: roldelcnaget

nomonvarlid
= 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 (<code>A</code> with <code>href</code>) within a microformat and give it a name <code>''mf-rel-value''</code>
** this definition may also extend to the value of elements and text enclosed by the link
* add <code>rel="''mf-rel-value''"</code> 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 [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 ('''citation needed'''), 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>
<a href="http://technorati.com/tag/tech" rel="tag">tech</a>
</pre>

== See Also ==
* {{rel-related-pages}}
* [[Main_Page#Design_Patterns|All microformat design patterns]]
* [http://www.w3.org/TR/REC-html40/struct/links.html#edef-A HTML 4.01 definition of the <code>A</code> element]
* [http://www.w3.org/TR/REC-html40/struct/links.html#adef-rel HTML 4.01 definition of the <code>rel</code> attribute]
* Microformats: [[rel-license]], [[rel-nofollow]], [[rel-tag]]
* Proposals: [[rel-directory]], [[rel-enclosure]]
* [[votelinks-faq|VoteLinks FAQ]] Discusses issues with rel v. rev

Microformats Wiki - User contributions [en]

rel-design-pattern