Terminologi: Tag, attributt og element
Når vi snakker om HTML snakker vi ofte om tagger, elementer og attributter. Men hva er egentlig hva? Heter det egentlig "alt-taggen"? Det er på tide med en liten begrepsforklaring.
Tagger
Tagger er rett og slett ordene som har disse tegnene rundt seg: < >. På engelsk er de kjent som "brackets", og har du et godt norsk ord for det, så tips meg gjerne ved å legge igjen en kommentar. Tagger kommer gjerne parvis, med en starttag og en sluttag, eller som en selvlukkende tag.
<title>, <br/> og </a> er alle tagger. <title> er en helt ordinær starttag. <br/> er en selvlukkende tag - det vil si en tag som ikke har lov til å ha innhold (tekst eller andre elementer) mellom start og sluttag og dermed kan lukkes med en gang. </a> er en sluttag, som bør høre til en starttag på et tidligere tidspunkt.
Attributter
Attributter er tilleggsverdier som kan gis inne i starttaggene. De består av en nøkkel og en verdi, og vi omtaler gjerne nøkkelen/navnet som selve attributtet.
<img src="/images/flaske.gif" alt="En Heineken-flaske" />Over ser vi et kjent eksempel - et bilde i HTML. Dette er en selvlukkende tag, så starttaggen har en / helt på slutten. Starttaggen inneholder også to attributter, src og alt. Disse har igjen hver sin verdi. Når du hører noen prate om " alt-taggen" ser du nå at dette slettes ikke stemmer ettersom alt er et attributt til img-taggen.
Elementer
Elementer er byggeblokkene som nettsidene våre består av. Et element er alt fra og med starttag til og med sluttag, inkludert attributter og innholdet mellom taggene. img-eksempelet i avsnittet over er i tillegg til et eksempel som viser attributter et fullstendig element. Et eksempel til:
<a href="http://www.iallenkelhet.no">iallenkelhet.no</a>Dette er et element. Et a-element atpåtil. I tillegg er <a href="http://www.iallenkelhet.no"> og </a> tagger, mens href er et attributt med verdien http://www.iallenkelhet.no.
Enda mer: Javascript og DOM
Hvis du i tillegg til HTML jobber med Javascript blir du nødt til å forholde deg til enda noen begreper som kan være forvirrende. Det første er DOM, som står for Document Object Model, eller dokumentobjektmodell på norsk. DOM er en standard som er både platform- og teknologi-uavhengig. DOM er en W3C-standard som gir en objektpresentasjon av og et programmeringsgrensesnitt (API) mot XML- og HTML-dokumenter. DOM er måten Javascript ser et (X)HTML-dokument på.
Noen eksempler: egenskap/property og node
I Javascript har vi såkalte egenskaper (engelsk: properties) på objekter som sier noe om objektenes tilstand. Attributter på HTML-elementer blir egenskaper på Javascript-objekter (mer spesifikt objekter av typen HTMLElement eller en av dens subklasser). I DOM er alle elementene i HTML-dokumenter representert som nodeobjekter. Det betyr at HTML-elementet er toppnoden (eller "roten") i dokumentobjektmodellen. Under roten finner vi head- og body-noder, og alle andre elementer på siden representeres som noder under en av disse.
Videre lesing
Skal man grave seg videre ned i materien er W3Cs forklaring på hva DOM er et godt utgangspunkt.
Har jeg glemt noen viktige basisbegreper? Legg igjen en kommentar!
