rel-design-pattern: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(→‎See Also: existing-rel-values)
(→‎See Also: rel-related-pages)
Line 30: Line 30:


== See Also ==
== See Also ==
* [[existing-rel-values|existing rel values]]
* {{rel-related-pages}}
* [[Main_Page#Design_Patterns|All microformat design patterns]]
* [[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#edef-A HTML 4.01 definition of the <code>A</code> element]
Line 36: Line 36:
* Microformats: [[rel-license]], [[rel-nofollow]], [[rel-tag]]
* Microformats: [[rel-license]], [[rel-nofollow]], [[rel-tag]]
* Proposals: [[rel-directory]], [[rel-enclosure]]
* Proposals: [[rel-directory]], [[rel-enclosure]]
* [[rel-faq|rel attribute FAQ]] Discusses issues with the use of rel
* [[votelinks-faq|VoteLinks FAQ]] Discusses issues with rel v. rev
* [[votelinks-faq|VoteLinks FAQ]] Discusses issues with rel v. rev

Revision as of 18:10, 24 September 2007

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