6. Elementer - tags
En af de største ændringer i
XHTML i forhold til HTML er ændringerne til elementerne - eller
på engelsk tags. Ud over
den førnævnte struktur er der nemlig i XHTML krav om, at alle
elementer skal skrives med små bogstaver, og at alle elementer
skal lukkes.
På denne og de efterfølgende
side vælger vi hovedsageligt at bruge det danske udtryk,
elementer, frem for det nok mere kendte engelske udtyk,
tags.
Elementer skal skrives med småt
I XHTML skal vi ikke blot
skrive de korrekte elementnavne ... vi skal også skrive dem
rigtigt. Alle elementer skal skrives med små bogstaver.
Forskellen her er relativ let
at få øje på. I HTML kunne vi uden problemer skrive:
FORKERT:
<DIV CLASS="gammel_html">
<p><Font cOLOR="#009900">Rød skrift</foNT>
Her kommer selve brødteksten</P>
</dIv>
Dette vil give en fejl i XHTML,
og dokumentet vil ikke kunne valideres.
Korrekt XHTML vil se således
ud:
<div class="ny_xhtml">
<p style="color:#009900">Rød skrift</p>
<p>Her kommer selve brødteksten</p>
</div>
Alle elementer/tags (og attributter)
er skrevet med små bogstaver. Bemærk også at elementet <font>
ikke kan bruges i XHTML. I stedet anvendes css, og farven angives
ved hjælp af attributten style.
Alle elementer skal lukkes
Alle elementer i XHTML skal
lukkes. På foregående side viste vi et eksempel på dette, hvor
et <p> element blev ladt åbent. Hvis du normalt har
velstrukturerede HTML dokumenter, vil dette ikke være noget
problem.
FORKERT:
<p>Teksten står her
RIGTIGT:
<p>Teksten står her</p>
Lidt anderledes ser det
imidlertid ud for de såkaldte "tomme" elementer. "Tomme"
elementer er elementer uden indhold, som førhen slet ikke kunne
lukkes. Vi taler her om elementer som fx:
<br>
<hr>
<img>
Disse elementer skal også
lukkes, når du koder i XHTML. Elementerne kan lukkes på to
måder:
<p>Her starter teksten<br></br>
og den slutter her</p>
<hr></hr>
Eller:
<p>Her starter teksten<br
/>
og den slutter her</p>
<hr />
Den første løsning kan give
problemer for ældre browsere, hvorfor W3C anbefaler den
sidstnævnte løsning. Bemærk at der er et mellemrum før
skråstregen. Dette mellemrum kan godt udelades, men den bedste
kompatibilitet opnås, når det indsættes.
Hvis du sidder og undrer dig
over, hvorledes et <img> element lukkes, viser vi lige et
eksempel her:
<img src="ditbillede.gif"
alt="en tekst" id="billede1" width="200" height="150" />
I XHTML er der også ændringer
til hvorledes attributter til vores elementer skrives. Det ser
vi på på næste side ...
 tilbage
næste
stem her!
|
