Attributter i HTML

 

Hvad er attributter?

En attribut er en tilføjelse til et element-tag og bliver tilføjet inde i åbningstagget. En attribut tilføjer yderligere information til et element og er opdelt i to segmenter:

  • Attributtens navn
  • Attributtens værdi

Nedenstående er et eksempel på brug af attributten id  i et paragraf-element:

<p id = "id_navn">Dette er en paragraf som indeholder en id-attribut.</p>

I ovenstående eksempel er attributtens navn lig med “id” og attributtens værdi er lig med “id_navn”.

id-attributten benyttes til at identificere og navngive forskellige elementer på hjemmesiden, hvilket kan have flere fordele, bl.a. kan man benytter attributten når man implementerer CSS på hjemmesiden ved hjælp af et interne eller eksterne style sheet. På det eksterne style sheet kan man identificere de forskellige elementer ved hjælp af deres id-værdi og udpege hvilke elementer der skal styles på hvilken måde.

 

De mest benyttede attributter

Nedenstående er en liste over navnene på de mest benyttede attributter og deres funktion:

  • id– kan benyttes i alle tags til at give elementet et unikt navn som den kan identificeres med
  • class – kan benyttes i alle tags til at give elementet et navn som den kan klassificeres med
  • href – benyttes i et <a>-tag til at specificere link-adressen
  • src – benyttes i et <img>- eller <video>-tag til at specificere billedets eller videoens filnavn
  • width – benyttes i et  <img>- eller <video>-tag til at specificere bredden på billedet eller videoen i pixels
  • height – benyttes i et  <img>- eller <video>-tag til at specificere højden på billedet eller videoen i pixels
  • alt – benyttes i et <img>-tag til at specificere en alternativ tekst i tilfælde af at billedet ikke kan vises og kan samtidig oplæses af skærmlæsere til blinde som ikke kan se billedet
  • style – kan benyttes i alle tags til at lave inline styling, hvilket betyder at den kan style elementet ved bl.a. at ændre farven, størrelsen, placeringen og meget mere
  • lang – benyttes i <html>-tagget til at specificere hjemmesidens sprog. Hvis hjemmesidens sprog er dansk så skal den være lig med “da”
  • title – kan benyttes i alle tags til at specificere en titel, som bliver vist når man lader musen svæve over elementet

 

Gå videre til Billeder i HTML her →