Attributter i HTML
Der findes mange forskellige attributter i HTML. I blandt de mest almindelige kan eksempelvis nævnes class og id attributterne.
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: |
| style | CSS | Brugt til at stile elementer med CSS. |
| title | Giver eksempelvis små beskeder når musen holdes over et link. | |
| class | Brugt til at gruppere elementer, så de kan tilgås via CSS Selectorer | |
| id | Giver elementer et unikt ID, til brug med CSS og Scripts. | |
| lang | Sprog Kode | Bliver brugt til at angive sprog for et element. |
| dir | ltr|rtl | Bliver 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: |
| onclick | Script | Når der klikkes med musen. |
| ondblclick | Script | Når der Dobbelt klikkes med musen. |
| onmousedown | Script | En musseknap blev trykket ned. |
| onmouseup | Script | En musseknap blev sluppet. |
| onmouseover | Script | Når en pil bliver bevæget over. |
| onmousemove | Script | Når en pil bliver bevæget indeni. |
| onmouseout | Script | Når en pil bliver bevæget væk. |
| onkeypress | Script | Når en knap bliver trykket ned og sluppet. |
| onkeydown | Script | Når en knap bliver trykket ned. |
| onkeyup | Script | Når en knap bliver sluppet. |
| onload | Script | Kan eksempelvis bruges på body, til at eksekvere kode når siden er indlæst. |
Fortæl os hvad du tænker: