Tenkte jeg skulle gi en liten innføring i hvordan man bruker link-taggen til flere ting enn å koble til en ekstern CSS fil. Jeg tror det er stor manglene kunnskap på bruk av link-taggen ute på nettet. Det lønner seg å legge til flere link-tagger med forskjellig informasjon for bedre brukervennlighet på siden din. Nå skal jeg forklare litt hva link gjør, gi noen eksempler og snakke litt rundt den.

Hva gjør den?

Så hva gjør denne link-taggen? Jo, den definerer rett og slett forhold mellom to forskjellige dokument. Det er nemlig derfor link brukes når du skal koble til en ekstern CSS fil. Når man gjør dette har man verdien “stylesheet” i attributten rel. Men, som jeg har sagt tidligere kan manbruke link til mye annet. Blant annet navigering mellom sider. Om du bruker Opera har du kanskje sett en tool-bar som har linker som: Next, Up, Home osv. Disse knappene fungerer ikke på de fleste sidene, men definerer du hva de gjør i link-tag, vil de fungere. Du vil altså øke brukervennligheten på siden din. Så hva kan du gjøre? Se nedenfor for hvilke verdier du kan i ha rel attributten.

Mulige verdier

• alternate
• appendix
• bookmark
• chapter
• contents
• copyright
• glossary
• help
• home
• index
• next
• prev
• section
• start
• stylesheet
• subsection

Disse verdiene beskriver kanskje seg selv. Du har index, home, help, next, prev, copyright som kanskje er mest relevant/viktigst – om du ser bort i fra stylesheet ja.

Eksempler

Så hvordan bruker vi dette?

Under head legger du inn dette.
<link title="Startsiden" rel="index" />
<link title="Hjelpesiden" rel="help" />
<link title="Neste artikkel" rel="next" />
<link title="Forrige artikkel" rel="prev" />


Tilleggsinformasjon

Disse attributtene kan brukes på link i xhtml strict: charset, href, hreflang, rel, rev, media, type. I tillegg til disse har vi de vanlige attributtene som id, name, title, lang, xml:lang osv. Du kan også bruke ekstra attributtene som onclick, ondblclick, onmousedown osv med JS.