 Volg ons voor statusupdates en aankondigingen!
Registreer of log in
Om gebruik te maken van de volledige functionaliteit van Modbase moet je ingelogd zijn. Na registratie kan je reageren, onderwerpen starten, projecten toevoegen en nog veel meer. Dit is volkomen gratis en duurt hoogstens een minuut. 
xHTML - Verandering tussen HTML en xHTML
ModBase.be xHTML Tutorial by Dennis Rijsemus.
LET OP! Als je dit hebt gemaakt dan is de Web-Pagina nog niet Online.
(Online = Bezoekbaar via http://www.JOUW-PAGINA.nl of
zoiets dergelijks.)
Alleen jij kan hem dan nog maar bezoeken.
Dit is waarschijnlijk de grootste verandering die geldt voor xHTML code: alle tags moeten nu lowercase zijn, dat wil zeggen: in kleine letters.
Standaard HTML was niet case-sensitive.
Dus fout is nu:
<Table>
<TABLE>
<TablET>
De enige, juiste manier om deze tag te schrijven in xHTML is:
<table>
Een ander belangrijke regel in xHTML is dat je de tags correct moet nesten.
Dit betekent dat je de tags in de juiste volgorde moet openen en sluiten.
Fout is dus:
<p><b><i>Tekst van de pagina.</b></i></p>
Waarom is dit nu fout? Omdat de tags niet in de juiste volgorde gesloten zijn.
De sluitingstag had voor de tag moeten staan.
De correcte code is dus als volgt:
<p><b><i>Tekst van de pagina.</i></b></p>
Alle Tags Sluiten!
Dit zal je waarschijnlijk het meeste werk opleveren bij het omzetten van oude HTML code naar xHTML.
Je moet namelijk alle tags sluiten in xHTML! Natuurlijk moest je in HTML ook al een heleboel tags sluiten, zoals:
<a></a>
<b></b>
<table></table>
Maar er was ook een aantal tags dat niet gesloten hoefde te worden.
De meest voorkomende tags van dit type waren:
<br>
<hr>
<img>
In xHTML moeten deze tags wel gesloten worden! Je kunt deze tags op twee manieren sluiten.
De eerste manier zal je bekend voorkomen.
Je voegt gewoon een sluitingstag toe.
Dus:
<br></br>
<hr></hr>
<img></img>
Bij de tweede manier voeg je de sluitingstag toe aan de al bestaande tag. Dit doe je als volgt:
<br />
<hr />
<img />
Als je er eenmaal aan gewend bent is de tweede methode waarschijnlijk het prettigst om mee te werken.
Het zal je waarschijnlijk ook zijn opgevallen dat er in de code hierboven een spatie staat voor de / . Deze spatie is strict gezien niet nodig, dus <img/>
zou ook correct zijn.
Ik raad je echter wel aan de spatie telkens te gebruiken, omdat je xHTML code anders problemen zal opleveren voor bezoekers met een
oudere browser.
De / plaats je voor het > teken. Een <img> tag zou er dus als volgt kunnen uitzien in xHTML:
<img src="plaatje.jpg" width="100" height="50" alt="Alternatieve tekst" />
Hoop dat je weer veel geleerd hebt!
Met dank aan Dennis Rijsemus aka GenDen.
|
elk heeft z'n eigen smaak en voorkeur
