Home Ontwerp je site HTML Tags in XHTML

Tags in XHTML

Dit artikel gaat over de regels die moeten toegepast worden met betrekking tot tags in XHTML


Tags moeten klein geschreven worden


Tags moeten in kleine letters geschreven worden. Ook attributen, hun waarden, hexadecimale kleurcodes en CSS-codes worden in kleine letters weergegeven.


Dit is nodig omdat XHTML gebaseerd is op XML, dat hoofdlettergevoelig is. Dit betekent dat <P> en <p> als twee verschillende tags zullen worden aanzien.


Eigenlijk maakt deze regel het je gemakkelijker als je je codes zelf schrijft, want je hebt die Shift-toets niet meer nodig voor je tags en attributen!


<P><EM>tekst</EM></P>

wordt dus voortaan gewoon:


<p><em>tekst</em></p>

Tags correct afsluiten


De eindtag is verplicht. Een aantal tags hebben in HTML geen eindtag, hiervoor is een andere oplossing bedacht.


Bij de eindtag wordt de tag afgesloten met een spatie gevolgd door een slash. De spatie is niet verplicht, maar voeg je best toe omdat je anders problemen kunt ondervinden bij oudere browsers.


Het gaat hier onder meer over de tags <hr>, <br>, <img>, <meta> en <link>. Enkele voorbeelden ter verduidelijking:


<img src="/afbeelding.jpg"><hr class="lijn"><br>tekst

wordt dus:


<img src="/afbeelding.jpg" /><hr class="lijn" /><br />tekst

Als je codes gaat nesten moet je opletten dat je de tags in de correcte volgorde afsluit.


Gebruik geen opmaaktags


Een tag die bijvoorbeeld niet meer correct is in XHTML is de <font>-tag. Je kunt al raden waarom; deze tag regelt immers de opmaak en opmaak moet in de CSS geregeld worden, niet in XHTML.


Tags en attributen die opmaak aanduiden zullen nog wel werken, maar zijn niet correct meer: <font>, <marquee>, bgcolor, align zijn dus "not done".


Vervang daarom:


<table>
  <tr><td bgcolor="red" align="center">inhoud</td></tr>
</table>

door:


<table>
  <tr><td style="background-color: red; text-align: center;">inhoud</td></tr>
</table>

Je ziet dat de opmaak in XHTML geregeld wordt door CSS. Natuuurlijk kun je deze inline stylesheet vervangen door een externe stylesheet waarnaar je linkt in de header van de pagina.


5 + 7 =
 

GOOGLE adsense