Referens
HTML link

HTML link

HTML link anger en länk till en extern resurs, vanligtvis CSS.

HTML:

<head>
   <link rel="stylesheet" type="text/css" href="style.css">
<head/>

Elementet link får bara förekomma i en sidas sidhuvud mellan <head>-taggarna.

HTML link
Elementtyp Sluttagg Utfasat Doctype
Speciell Nej Nej Strict, Transitional, Frameset
Elementet får innehålla
Inget
Elementet får finnas i
head
Skillnad mellan HTML och XHTML
I HTML saknar tomma element slut-tagg: Ex: <link>
I XHTML måste tomma element stängas. Ex: <link />

Tips för HTML link

Elementet link kan förekomma flera gånger i ett dokuments sidhuvud för att länka in flera CSS-dokument. Notera att regler i ett CSS-dokument kan ersättas av regler i en annat CSS-dokument som länkas in längre ner på webbsidan. Tänk därför efter i vilken ordning CSS-dokumenten länkas in.

HTML:

<head>
  <link rel="stylesheet" type="text/css" href="grundmall.css">
  <link rel="stylesheet" type="text/css" href="bloggmall.css">
  <link rel="stylesheet" type="text/css" href="julspecial.css">
<head/>

I ovanstående exempel så kommer regler från CSS-dokumentet "julspecial" att ersätta regler från "bloggmall" och "grundmall" och regler från CSS-dokumentet "bloggmall" kommer att ersätta regler från CSS-dokumentet "grundmall".

HTML link attribut

Attribut
Attribut Beskrivning Värde
charset Anger resursens teckentabell teckentabell
href Anger vilken URL länkarna ska utgå ifrån URL
hreflang Anger resursens språk språkkod
media Anger vilka medier resursen är avsedd för screen, tty, tv, projection, handheld, print, braille, aural, all
rel Anger dokumentets relation till resursen alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection
rev Anger resursens relation till dokumentet alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection
target Anger vilken ram länkens innehåll ska visas i _blank gör att länken öppnas i ett nytt fönster
_self gör att länken öppnas i samma ram som länken klickades i
_parent gör att länken öppnas i "föräldra-ramen" som länken klickades i
_top gör att länken öppnas i hela fönstret
type Anger resursens MIME-typ MIME-typ

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer