rel-design-pattern: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Reverted edits by 76.107.149.146 (Talk) to last version by AndyMabbett)
Line 1: Line 1:
ZNI189  <a href="http://bmbkxqfqeyoa.com/">bmbkxqfqeyoa</a>, [url=http://nvyxnulcffhz.com/]nvyxnulcffhz[/url], [link=http://fxmyqesqduco.com/]fxmyqesqduco[/link], http://jqnznljmxtab.com/
= 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

Revision as of 22:36, 17 November 2008

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 microformat 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 (citation needed), 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