HTML
Comments
Zoeken…
Invoering
Net als bij andere programmeer-, markup- en markdown-talen bieden opmerkingen in HTML andere ontwikkelaars ontwikkelingsspecifieke informatie zonder de gebruikersinterface te beïnvloeden. In tegenstelling tot andere talen kunnen HTML-opmerkingen echter worden gebruikt om HTML-elementen alleen voor Internet Explorer op te geven. In dit onderwerp wordt uitgelegd hoe u HTML-opmerkingen kunt schrijven en hun functionele toepassingen.
Syntaxis
<!-- Comment text -->
Opmerkingen
Alles wat begint met <!-- en eindigt met --> is een opmerking. Opmerkingen mogen geen twee aangrenzende streepjes ( -- ) bevatten en moeten eindigen met exact twee streepjes (dwz ---> is niet correct).
Opmerkingen zijn niet zichtbaar op een webpagina en kunnen niet met CSS worden gestileerd. Ze kunnen door de ontwikkelaar van de pagina worden gebruikt om aantekeningen in de HTML te maken of om bepaalde inhoud tijdens de ontwikkeling te verbergen.
Voor dynamische of interactieve pagina's gebeurt het verbergen en weergeven van inhoud met JavaScript en CSS in plaats van met HTML-opmerkingen.
JavaScript kan worden gebruikt om de inhoud van HTML-commentaarknooppunten te krijgen en deze knooppunten kunnen dynamisch worden gemaakt, toegevoegd en verwijderd uit het document, maar dit heeft geen invloed op de manier waarop de pagina wordt weergegeven.
Omdat HTML-opmerkingen deel uitmaken van de broncode van de pagina, worden deze samen met de rest van de pagina naar de browser gedownload. De broncode kan meestal worden bekeken met behulp van de menuoptie van de webbrowser om "Bron weergeven" of "Paginabron bekijken".
Opmerkingen maken
HTML-opmerkingen kunnen worden gebruikt om notities over te laten aan uzelf of andere ontwikkelaars over een specifiek punt in de code. Ze kunnen als volgt worden gestart met <!-- en worden afgesloten met --> :
<!-- I'm an HTML comment! -->
Ze kunnen inline worden opgenomen in andere inhoud:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
Ze kunnen ook meerdere regels beslaan om meer informatie te geven:
<!-- This is a multiline HTML comment.
Whatever is in here will not be rendered by the browser.
You can "comment out" entire sections of HTML code.
-->
Ze kunnen echter niet in een andere HTML-tag verschijnen, zoals deze:
<h1 <!-- testAttribute="something" -->>This will not work</h1>
Dit levert ongeldige HTML als het gehele <h1 <!-- testAttribute="something" --> blok zou worden beschouwd als een enkele start tag h1 met een aantal andere ongeldige informatie die zich daarin bevinden, gevolgd door een enkele > sluiten beugel die niets doet.
Voor compatibiliteit met tools die HTML als XML of SGML proberen te parseren, mag de hoofdtekst van uw commentaar niet twee streepjes bevatten -- .
Voorwaardelijke opmerkingen voor Internet Explorer
Voorwaardelijke opmerkingen kunnen worden gebruikt om code aan te passen voor verschillende versies van Microsoft Internet Explorer. Er kunnen bijvoorbeeld verschillende HTML-klassen, scripttags of stylesheets worden verstrekt. Voorwaardelijke opmerkingen worden ondersteund in Internet Explorer versies 5 tot en met 9. Oudere en nieuwere versies van Internet Explorer en alle niet-IE-browsers worden als "downlevel" beschouwd en behandelen voorwaardelijke opmerkingen als gewone HTML-opmerkingen.
Downlevel-verborgen
Verborgen reacties op neerwaarts niveau werken door de volledige inhoud in te sluiten in wat een normale HTML-reactie lijkt te zijn. Alleen IE 5 tot en met 9 zullen het nog steeds lezen als een voorwaardelijke opmerking en ze zullen de inhoud dienovereenkomstig verbergen of weergeven. In andere browsers wordt de inhoud verborgen.
<!--[if IE]>
Revealed in IE 5 through 9. Commented out and hidden in all other browsers.
<![endif]-->
<!--[if lt IE 8]>
Revealed only in specified versions of IE 5-9 (here, IE less than 8).
<![endif]-->
<!--[if !IE]>
Revealed in no browsers. Equivalent to a regular HTML comment.
<![endif]-->
<!--
For purposes of comparison, this is a regular HTML comment.
-->
Downlevel-onthuld
Deze wijken enigszins af van de verborgen reacties op het niveau: alleen de voorwaardelijke reactie zelf is opgenomen in de normale syntaxis van de reactie. Browsers die geen voorwaardelijke opmerkingen ondersteunen, negeren deze eenvoudig en tonen de rest van de inhoud ertussen.
<!--[if IE]>-->
The HTML inside this comment is revealed in IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if IE 9]>-->
This is revealed in specified versions of IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if !IE]>-->
This is not revealed in IE 5-9. It's still revealed in other browsers.
<!--<![endif]-->
Witruimte tussen inline elementen becommentariëren
Inline weergave-elementen, meestal zoals span of a , bevatten maximaal één witruimteteken voor en na hen in het document. Om zeer lange lijnen in de opmaak (die moeilijk te lezen zijn) en onbedoelde witruimte (wat de opmaak beïnvloedt) te voorkomen, kan de witruimte worden uitgeschakeld.
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
Probeer het zonder een opmerking tussen de inline-elementen en er zal één spatie tussen staan. Soms is het oppakken van het spatie-teken gewenst.
Voorbeeld code:
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>
Output:
