Sommige symbolen zijn moeilijk te typen en andere zijn technisch verboden. Ontdek wat wat is en hoe u karakters in HTML onder de knie kunt krijgen.
Het kan voorkomen dat u een speciaal teken op uw website moet gebruiken, zoals het ampersand-symbool. U kunt echter niet gewoon "&" typen in uw HTML-code, aangezien dit een gereserveerd HTML-symbool is.
In plaats daarvan kunt u HTML-entiteiten of speciale codes gebruiken om deze tekens weer te geven. Hierdoor kunt u symbolen aan uw webpagina toevoegen zonder de eigenlijke HTML-code te verstoren.
Wat zijn symbolen in HTML?
Wanneer het bouwen van een HTML-website, gebruikt u een reeks symbolen voor interpunctie. Hoewel u de meeste tekens rechtstreeks aan uw pagina kunt toevoegen, hebben sommige een speciale betekenis of zijn moeilijk te typen. HTML gebruikt bijvoorbeeld symbolen zoals punthaken (< en >), ampersands (&) en aanhalingstekens (" en ') om de structuur van uw inhoud weer te geven.
Een webbrowser interpreteert het punthaaksymbool doorgaans als een openings- of sluitingstag. Als dat niet is wat u van plan bent, kan dit fouten in uw webpagina veroorzaken. Voorbeelden van symbolen die een entiteitscode vereisen, zijn onder meer:
- ampersand (
&) - Minder dan (
<) - Groter dan (
>) - Dubbele aanhalingstekens (
") - Alleenstaande citaat (
')
Andere symbolen zoals de copyright- en handelsmerksymbolen hebben geen entiteitscode nodig, maar u kunt er wel een gebruiken als u dat wilt. Ze kunnen onhandig zijn om te typen of worden zelfs niet ondersteund in uw teksteditor. Enkele voorbeelden zijn:
- Copyright-symbool (©)
- Handelsmerksymbool (™)
- Geregistreerd handelsmerksymbool (®)
Wat zijn benoemde en numerieke entiteiten?
U kunt elk symbool weergeven met behulp van een numerieke entiteitscode, en ook de meest gebruikelijke met een benoemde entiteit. Hier zijn enkele voorbeelden:
Symbool |
Benoemde entiteitscode |
Numerieke entiteitscode |
Ampersand |
& |
& |
Minder dan |
< |
< |
Groter dan |
> |
> |
Dubbele aanhalingstekens |
" |
" |
Alleenstaande citaat |
' |
' |
auteursrechten |
© |
© |
Handelsmerk symbool |
™ |
™ |
Geregistreerd handelsmerk symbool |
® |
® |
Als u de benoemde of numerieke code gebruikt, wordt het bijbehorende symbool weergegeven. Als u bijvoorbeeld "©" of "©" gebruikt, wordt het copyright-symbool weergegeven.
Emoji's toevoegen aan uw webpagina
U kunt ook emoji's weergeven met behulp van een entiteitscode. Alle emoji's hebben een numerieke entiteitscode in HTML, maar ze hebben niet allemaal een benoemde entiteitscode. Enkele voorbeelden zijn:
Symbool |
Numerieke entiteitscode |
Lachend gezicht (😃) |
😃 |
Lachend gezicht (😆) |
😆 |
Lachend gezicht met halo (😇) |
😇 |
Symbolen invoegen op een webpagina met behulp van entiteitscodes
U kunt entiteitscodes in uw HTML-pagina-inhoud invoegen. Als u uw webpagina in een browser bekijkt, worden de codes omgezet in het bijbehorende symbool.
- Voeg in een nieuw HTML-bestand de basisstructuur voor een HTML-webpagina toe:
html>
<html>
<hoofd>
<titel>Voorbeeld van symbool en entiteittitel>
<metatekenset="UTF-8">
hoofd>
<lichaam>
lichaam>
html> - Voeg binnen de body-tag wat HTML-inhoud toe. Voeg de benoemde of numerieke entiteitscode toe voor het symbool dat u wilt weergeven:
<h1>HTML-symbolenh1>
<P>Symbool van auteursrecht: ©P>
<P>Ampersand-symbool: &P>
<P>Handelsmerk symbool: ™P>
<P>Lachend gezicht: 😃P> - Open uw HTML-bestand in een webbrowser om de bijbehorende symbolen te bekijken:
Gebruik van speciale of gereserveerde HTML-symbolen op uw website
Nu u weet hoe u symbolen aan uw HTML-webpagina kunt toevoegen, kunt u andere interessante inhoud verkennen die u kunt toevoegen om uw website aantrekkelijker te maken.
