Metaenllaços: l'element link

12/02/05

L'element link és un dels grans oblidats pels desenvolupadors de webs exeptuant l'ús que té per vincular CSS a un XHTML.

Aquest element però, té més aplicacions possibles per declarar vincles a recursos que mantenen un tipus de relació amb el document.

D'aquests els més coneguts són l'Start, el Prev i el Next que serveixen per enllaçar el document d'inici, anterior i posterior del document que estem mirant.

Els valors predefinits pel W3C són els següents:

Alternate

Serveix per vincular versions del mateix document. Per exemple, combinat amb l'atribut hreflang permet vincular documents homòlegs en d'altres idiomes.

Si es combina amb l'atribut media ens ha de permetre vincular versions segons el tipus de mitjà que estiguem tractant.

I per últim, també són documents alternatius els sumaris RSS, Atom, etc..

Stylesheet

El més conegut. Serveix per vincular un full d'estils extern. Combinat amb el valor Alternate es poden vincular fulls d'estil alternatius.

Start

Vincula el primer document d'una sèrie on l'actual hi pertany. Això fa que els motors de cerca puguin reflexar una millor estructura del lloc.

Next

Vincula el següent document de la sèrie. Teòricament els agents d'usuari podrien precarregar aquest document per reduïr el temps d'espera.

Prev

Vincula l'anterior document de la sèrie.

Contents

Vincula el document on hi haurà la relació de continguts.

Index

Vincula el document de l'índex del document actual.

Glossary

Vincula el document on hi haurà el glossari de termes relacionat al document actual.

Copyright

Vincula la declaració del copyright del document actual.

Chapter

Vincula al document on hi haurà les referències als documents del capítol al qual pertany el document actual.

Section

Vincula al document on hi haurà les referències als documents de la secció al qual pertany el document actual.

Subsection

Vincula al document on hi haurà les referències als documents de la subsecció al qual pertany el document actual.

Appendix

Vincula al document que conté l'apèndix.

Help

Vincula al document que conté l'ajuda del document, ajuda del lloc, recursos relacionats, etc.

Bookmark

Serveix per vincular documents que tinguin alguna relació i/o extenguin el document actual. S'ha d'usar l'atribut title per explicar breument quin document vincula.

Made

Vincula amb el document o mètode de contacte (per exemple un mailto).

La major part d'aquestes metadades es poden utilitzar amb Firefox utilitzant la extensió Link Toolbar.

Tot i així s'ha de tenir en compte que aquesta funcionalitat és opcional pels agents d'usuari ja que aquestes metadades estan enfocades essencialment als robots indexadors.

El tipus de relació del vincle es determina usant l'atribut rel o el rev. En general s'utilitza l'atribut rel per establir el tipus de vincle ja que la relació és des del document actual cap al document vinculat. Per exemple:


<link rel="Start" href="http://css.artnau.com" />

Però en alguns casos s'utilitza el rev perquè la referència és inversa tal i com passa amb el vincle amb el tipus de contacte:


<link rev="made" href="mailto:mail@de-contacte.com" />

Per més informació és intressant llegir els documents de la Quality Assurance at W3C.

<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.1/es/"> <img alt="Llic�ncia de Creative Commons" border="0" src="http://creativecommons.org/images/public/somerights20.gif" /> </a><br /> Aquesta obra est� sota una <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.1/es/">Llicència de Creative Commons</a>. 

Comentaris

Comentat per js el 12/02/05

Mea culpa.

Reconec que utilitzo les etiquetes <link> el mínim possible, i tampoc afegeix-ho dreceres de teclat als llocs web.

No sóc l'únic i potser per això la funcionalitat que ofereix Link Toolbar no està disponible per defecte al Firefox (però si al Mozilla).

Et falta fer notar que les etiquetes <link> són un element essencial alhora de parlar seriosament d'accessibilitat d'una pàgina web.

Potser en un pròxim article podries parlar també de les dreceres de teclat.

Comentat per e el 12/02/05

Colta, una pregunta, n'has posat un que parla de copyright, però en canvi si vas a creative commons, el codi que et proposa pq. vinculis a la plana no l'utilitza

i a continació un apartat rdf.

Quan s'enllaça la llicència s'hauria de posar això?
*e*

Comentat per are el 13/02/05

M'ho apunto, el tema de les dreceres de teclat té polèmica.
Comentat per Òscar el 13/02/05

Molt lucratiu l'article, are.

Jo l'altre dia em vaig trobar davant el dubte de no saber quin valor "rel" aplicar a dos enllaços d'una pàgina que estava fent. Potser ara ho podríem discutir, ja que no vaig trobar massa la solució.

1r cas:
Un vincle a un document .pdf amb informació relacionada, però no exactament igual a la de la pàgina vinculant.

2n cas:
Un vincle a la descàrrega de l'aplicació "Acrobat Reader" des de la mateixa pàgina del cas 1.
Comentat per SigT el 13/02/05

Metaenlaces: El elemento link
en a-css leo Metaenllaços: l'element link, un interesante articulo sobre las etiquetas <link> y su accesibilidad.

Aprovechando que tengo un rato libre, que su licencia es CreativeCommons by-nc-sa, ofrezco una traducción al castellano (la bitác...
Comentat per are el 13/02/05

El primer cas sembla que hauria de ser un rel="bookmark".
El segon més agafat pels pèls també el marcaria així ja que el rel="bookmark" té una definició força "calaix de sastre".
Per altre banda s'hauria de veure si es pot -i cal- extendre l'atribut rel amb d'altres valors tal i com fa el FOAF.
Comentat per are el 13/02/05

*e*: Efectivament no l'utilitza i ho ~~hauria~~ hauriem de fer si volem millorar la semàntica del lloc i facilitar la tasca dels bots.
Afegir l'RDF també és interessant però ja ens escapem de l'XHTML per anar cap a d'altres móns més vagues. Si t'hi fixes, al codi d'a.css hi ha un link rel="meta" que vincula un RDF amb metadades del lloc que no és res més que una prova d'extendre els valors del rel per vincular-hi un RDF que està associat a un profile.
Això però, encara ho tinc un pèl verd... :/
Comentat per Elena Vera el 13/02/05

Hola, a mi també em convé donar un repàs a aquest tema, que el tinc molt abandonat.

a.css

Menú

Metaenllaços: l'element link

Comentaris