Commentaar


HTML Commentaar

Commentaar toevoegen aan je HTML-documenten is een geweldige manier om kleine berichten te plaatsen voor jezelf en voor anderen. Het is gemakkelijk voor jezelf als je je code van je website voorziet door commentaar. Je kunt op deze manier bij het bouwen of bij het wijzigen van je site makkelijk iets terugvinden. Je kunt ook extra informatie voor anderen plaatsen die de bron van je pagina bekijken.

VoorbeeldVoorbeeld:
<!-- Commentaartekst -->
<p>Dit is een paragraaf.</p>  
<!-- Commentaartekst -->


Commentaartekst

Met behulp van de volgende tags <!-- en --> kun je aan je HTML-documenten commentaar toevoegen.
Deze tag omsluit commentaar. De browser negeert de tekst tussen de bovenstaande tags.

<!-- Commentaartekst komt hier -->

Het commentaartekst in de volgende regel is niet geldig en zal worden genegeert door de browsers.
Dit komt omdat er aan de linkerkant ruimte tussen het kleiner dan teken en het uitroepteken zit.

< !-- Commentaartekst komt hier -->

Code verbergen

Je kunt commentaar gebruiken om een deel van het document tijdelijk te verwijderen door dat deel tussen commentaartags te plaatsen. Zo wordt je code in het document niet weergegeven.

<!-- Deze code wordt tijdelijk niet weergegeven 
<img src="http://www.codecenter.nl/images/comments.jpg" />
-->

<!-- Deze code wordt weergegeven -->
<img src="http://www.codecenter.nl/images/comments.jpg" />

Een eenvoudig HTML document

Hieronder volgt een voorbeeld met een aantal opmerkingen (commentaar) zodat je een beeld krijgt hoe je commentaartekst kunt toevoegen aan je HTML-documenten.

VoorbeeldVoorbeeld:
<!DOCTYPE html>
<html>
<head>
<title>HTML is simpel!</title>
</head>
<!-- Achtergrondkleur is wit en tekstkleur is rood -->
<body bgcolor="#FFFFFF" text="#FF0000">

<h2>Hello World!</h2>
<p>HTML is makkelijk om te leren!</p>

<!-- Kleine tekst weergeven -->
<small>Zoals je ziet is het invoeren van commentaartekst heel eenvoudig.</small>

<font color="#000000"> <!-- Tekstkleur (Zwart) -->
<h3>Welkom!</h3>
<p>Maak aantrekkelijke en interessante webpagina's doormiddel van HTML.</p>
</font>

<!-- Plaats een afbeelding -->
<p><img src="images/comments.jpg" /></p>

<!-- De code hieronder wordt niet weergegeven
<div align="center"><strong>Dit is het einde van de pagina.</strong></div> 
-->

</body>
</html>  

Tip Commentaar aan je HTML-documenten toevoegen is ook een manier om fouten in je code op te lossen en het is makkelijk om te noteren waar je het laatst aan gewerkt hebt of waarom je iets op deze manier gedaan hebt zodat je later niet in de war raakt.