. This is my blog, where I talk about web design and development with 
Book Review: Explorations In Typography
Origami: A CSS 3D Foldout Image Gallery
Responsive Animated Menu for MobileMost web developers use the <link /> tag and the rel attribute just twice per page: to bring in an external style sheet and load a favicon. But rel actually has many uses. In previous articles I’ve talked about using the tag to indicate the next and previous logical pages: Firefox even uses these to preload content, making any transition to those pages smoother and faster. These techniques are all still valid in HTML5, but rel can be used for far more. Some examples:
rel=authorAs with almost all uses of
link, this is written in the<head>section:- <link rel="author" href="about.php" />
Under HTML5
rel=authoris supported in the body as well, if it is part of a link:- Written by <a rel="author" href="http://demosthenes.info/about.php" >
- Dudley Storey</a>
Google has indicated that they will use using this to identify the authors of articles for documents written in HTML5, as opposed to the Dublin Core
creatortag. The one condition is that the supplied URL must go to a page that talks about the author that exists on the same domain.rel=archivesIndicates the location of an archive page: for example, a page that lists all of the articles in a blog. It may also be attached to a hyperlink:
- <a rel="archives" href="archives.php">Articles</a>
rel=externalUsed almost exclusively for links in the body to indicate that a linked resource is outside the current domain. It is useful for adding to comments (as you can set up robots.txt file to have search engine spiders ignore external links, avoiding any reward to comment spammers;
rel=nofollowmight be used for the same reason), and for presenting external links differently in CSS or JavaScript by using attribute value selectors.rel=licenseIndicates the conditions of a license governing the uses and permissions of site content. Associated with Creative Commons but supported by other license systems. May be used in the
<head>as<link />, or an<a>element in the<body>.rel=searchLinks to a search document that follows the OpenSearch.org format.
rel=first,last,upIn addition to the
nextandprevvalues mentioned above,first,lastandupdefine appropriate resources in a sequence that could be appreciated linearly. (Think first and last articles and in blog). “up" is perhaps best understood as a shortcut for “home”, but could also be used to indicate “go up a level” in a site organized on a hierarchical model.rel=meGoogle’s own suggestion to verify identity on web pages (as Google+ insists on Real Names for users). The
hrefattribute should be set to your Google+ URL. My personal example would be:- <a rel="me" href="https://plus.google.com/115433388220321744732">
- Dudley Storey</a>
Haha, that is actually incredibly clever.
![Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy]](http://ecx.images-amazon.com/images/I/5192I1rtYnL._SL160_.jpg "Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy]")
