Maak zelf je HTML-pagina's - XHTML
Bob Broen |
2007-03-07 |
Webdesign
Bij de introductie van het World Wide Web is gekozen voor HTML als manier voor het uitwisselen van informatie. Door deze afspraak kon iedereen in de wereld elkaars informatie goed lezen.
Inmiddels wordt HTML-code al weer verdrongen door XHTML. In XHTML worden dezelfde code-woorden (dit noem je 'tags') gebruikt als in HTML. Door de manier van schrijven aan te passen voldoet een XHTML aan de structuureisen van XML. Dat is een veelgebruikte manier om informatie uit te wisselen tussen computers. Over de voordelen van XHTML wordt wel eens getwist, maar deze tendens lijkt niet meer te stoppen.
Een basis XHTML-document met de naam 'hallo.html' kan er als volgt uitzien:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Hallo bezoekers</title>
</head>
<body>
Dit is een basis XHTML pagina
</body>
</html>
Selecteer en kopieer (CTRL-C) bovenstaande code. Dan kun je notepad (of een andere teksteditor) opstarten en bovenstaande code er in plakken. Sla het document op als platte tekst (dit is binnen notepad standaard) met de extensie '.html' (bijvoorbeeld hallo.html). Het bestand kan nu geopend worden in de browser (Internet Explorer of Firefox bijvoorbeeld). Voilà!
De 'doctype' kan nieuw zijn voor veel mensen. Als de doctype goed is ingesteld kan een browser weten wat hij kan verwachten van de gegeven code. Alle verdere tags (behalve de doctype) worden geopend met de tag tussen scherpe haken < tag> en gesloten met < /tag>, zoals je ziet geeft de '/' aan dat het een sluittag is. Deze notatiewijze voldoet aan de XML-standaard.
Een HTML-document heeft tussen zijn eigen html-tags een 'head'-gedeelte en een 'body'-gedeelte. Het head-gedeelte is niet zichtbaar op de pagina, maar kan wel de vormgeving van de pagina beïnvloeden. Het body-gedeelte bevat de inhoud van de pagina.
