rel-design-pattern: Difference between revisions
		
		
		
		
		
		Jump to navigation
		Jump to search
		
				
		
		
	
m (Reverted edits by 76.107.149.146 (Talk) to last version by AndyMabbett)  | 
				|||
| Line 1: | Line 1: | ||
= 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 (
Awithhref) within a microformat and give it a namemf-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
- rel
 - existing rel values
 - rel examples
 - rel FAQ
 - rel design pattern
 - rel values issues
 - rel-registry
 - All microformat design patterns
 - HTML 4.01 definition of the 
Aelement - HTML 4.01 definition of the 
relattribute - Microformats: rel-license, rel-nofollow, rel-tag
 - Proposals: rel-directory, rel-enclosure
 - VoteLinks FAQ Discusses issues with rel v. rev