rel-design-pattern

(Difference between revisions)

Jump to: navigation, search
(Rel design pattern)
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

Contents

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

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

rel-design-pattern was last modified: Wednesday, December 31st, 1969

Views