Attributter i HTML

Der findes mange forskellige attributter i HTML. I blandt de mest almindelige kan eksempelvis nævnes class og id attributterne.

1234 visninger

Edited: 2018-08-19 11:34

Der findes mange forskellige HTML attributter, og det vil nok være for omfattende, hvis vi skulle huske dem alle udenad. Det anbefales i stedet, at man koncentrere sig om at huske de ting, som man rent faktisk skal bruge i sine egne projekter.

Nogle af de meste brugte attributter er class og id, da de bliver brugt til at identificere elementer på en HTML side. En class bliver brugt til at gruppere elementer, imens et id kun må optræde én gang på en side.

Begge attributter bliver brugt til både styling, og til at opdatere en side med JavaScript. Event attributterne, derimod, bliver ikke brugt så meget mere, da man i stedet er begyndt at bruge såkaldte "event handlers" eller JavaScript biblioteker. Det handler om, at man ønsker at adskille scripting fra HTML delen, på samme måde som man har adskilt præsentationen (udsende) fra HTML koden.

Globale Attributter

Attribut:Værdi:Beskrivelse:
styleCSSBrugt til at stile elementer med CSS.
titleGiver eksempelvis små beskeder når musen holdes over et link.
classBrugt til at gruppere elementer, så de kan tilgås via CSS Selectorer
idGiver elementer et unikt ID, til brug med CSS og Scripts.
langSprog KodeBliver brugt til at angive sprog for et element.
dirltr|rtlBliver brugt til at angive tekst retning.

Event Attributter

I stedet for at bruge event attributter kan man bruge event handlers i JavaScript. Det giver den fordel, at man holder scripts og kode adskilt.

Attribut:Værdi:Beskrivelse:
onclickScriptNår der klikkes med musen.
ondblclickScriptNår der Dobbelt klikkes med musen.
onmousedownScriptEn musseknap blev trykket ned.
onmouseupScriptEn musseknap blev sluppet.
onmouseoverScriptNår en pil bliver bevæget over.
onmousemoveScriptNår en pil bliver bevæget indeni.
onmouseoutScriptNår en pil bliver bevæget væk.
onkeypressScriptNår en knap bliver trykket ned og sluppet.
onkeydownScriptNår en knap bliver trykket ned.
onkeyupScriptNår en knap bliver sluppet.
onloadScriptKan eksempelvis bruges på body, til at eksekvere kode når siden er indlæst.

Fortæl os hvad du tænker:

  1. Der er flere måder at indsætte billeder på i HTML, her kan du læse om nogle af dem.
  2. Sådan styrker du dit design med hover-effekter i CSS.
  3. Når man laver links i HTML er der en række overvejelser man bør gøre sig, læs hvilke her i artiklen.
  4. Hvordan man skriver nyttige kommentarer, når man koder HTML.
  5. GDPR.. Fra notifikationer til indholds-blokerende popups og cookie-walls.

Flere i: Webdesign