Når webdesignere prater om (X)HTML så henviser de ofte til alt som finnes i kildekoden som tagger i stedet for å bruke de riktige navnene: Tagg, element og attributt. Slikt er forvirrerende og kan føre til misforståelser, dessuten fremstår man ikke videre profesjonelt ved å blande begrepene.
Det er egentlig ikke vanskelig å bruke de riktige navnene og å skille mellom dem, og det krever kun helt grunnleggende kunnskaper. Men jeg har selv vært forvirret over de forskjellige begrepene, en grunn til det er at så mange bruker dem feil. La oss gjøre noe med dét og få en slutt på den unødvendige forvirringen! Her følger en kort og veldig forenklet forklaring på hva som er tagger, elementer og attributter i (X)HTML.
Hva er en tagg?
Tagger forteller hva som er starten og slutten på et element. Hver for seg er start og slutt-taggene tagger, til sammen utgjør de et element. Følgende er tagger:
<p> er en tagg, og </p> er en tagg.
Hva er et element?
Et element består av en start-tagg, litt innhold, og en slutt-tagg. Følgende er et element:
<p>Litt tekst ...</p>
Men noen elementer består ikke av noe innhold og er allikevel elementer og ikke tagger. For eksempel så er <br /> i XHTML et element, og likeledels er <br> i HTML et element.
Hva er et attributt?
Et attributt definerer egenskapen for et element (henviser til en CSS-selektor) og befinner seg innenfor elementets start-tagg, slik:
<p class="innhold">
En veldig vanlig feil er å kalle alt-attributtene for alt-tagger, det finnes ikke noe som heter alt-tagg i (X)HTML. alt er et attributt og ikke en tagg:
<img src="bilde.jpg" alt="alt-attributtets tekst" width="20" height="10" />
De fleste forstår hva som menes når det refereres til tagger, elementer og attributter, som kun tagger, men det er ikke noe mindre feil av den grunn, og det kan føre til misforståelser. Dessuten så virker det som nevnt ikke særlig profesjonelt å rote med så grunnleggende begreper. Jeg har som nevnt selv rotet med begrepene og på den måten bidratt til forvirringen, men det er det en slutt på nå håper jeg. Forhåpentligvis er jeg ikke alene om å ønske en slutt på denne forvirringen?
Vil berre legga til at det er ingen krav at element(instansar) skal ha start- eller sluttaggar i HTML. Du kan ha fint ha element som berre består av innhald.
Heisan!
Hva betyr denne taggen?
<td><input type="submit" value="SEND" name="Submit">
Dette er ikke én tagg, men det er en hel linje med ymse HTML. Den første start-taggen er en del av en tabell, resten av HTML-en beskriver en «Send»-knapp, akkurat som den du finner under kommentarfeltet på denne siden.
Hvis du har lyst til å lære deg HTML så anbefaler jeg HTML-kurset til Jesro Christopher Cena: http://www.blankspot.org/prosjekt/kurs/