HTML
Karakterentiteiten
Zoeken…
Gemeenschappelijke speciale tekens
Sommige tekens kunnen gereserveerd zijn voor HTML en kunnen niet direct worden gebruikt, omdat dit de daadwerkelijke HTML-codes kan blokkeren. Als u bijvoorbeeld de linker- en rechterhoekhaken ( <>
) in de broncode probeert weer te geven, kan dit onverwachte resultaten in de uitvoer veroorzaken. Evenzo worden witte spaties zoals geschreven in de broncode mogelijk niet weergegeven zoals verwacht in de uitvoer-HTML. Sommige, zoals ☎, zijn niet beschikbaar in de ASCII-tekenset.
Voor dit doel worden karakterentiteiten gecreëerd. Deze hebben de vorm &entity_name;
of &entity_number;
. Hier volgen enkele van de beschikbare HTML-entiteiten.
Karakter | Beschrijving | Entiteitsnaam | Entiteitsnummer |
---|---|---|---|
"" | niet-afbrekende ruimte | |   |
“<” | minder dan | < | < |
“>” | groter dan | > | > |
“&” | ampersand | & | & |
“-” | em streepje | — | — |
“-” | en streepje | – | – |
“©” | auteursrechten | © | © |
“®” | geregistreerd handelsmerk | ® | ® |
“™” | handelsmerk | ™ | ™ |
“☎” | telefoon | ☎ | ☎ |
Dus om te schrijven
© 2016 Stack Exchange Inc.
de volgende HTML-code wordt gebruikt:
<b>© 2016 Stack Exchange Inc.</b>
Karakterentiteiten in HTML
Veel symbolen en speciale tekens zijn vereist bij het ontwikkelen van een webpagina in html, maar zoals we weten, kan het gebruik van tekens soms interfereren met de daadwerkelijke html-code waarvoor bepaalde tekens zijn gereserveerd en ook dat bepaalde tekens niet beschikbaar zijn op het toetsenbord. Om het conflict te voorkomen en tegelijkertijd verschillende symbolen in onze code te kunnen gebruiken, biedt w3 org ons 'Character Entities'.
Karakterentiteiten zijn vooraf gedefinieerd met 'Entiteitsnaam' - & entity_name; en 'Entiteitsnummer' - & entity_number; dus we moeten een van beide gebruiken om het vereiste symbool op onze pagina weer te geven.
De lijst met enkele karakterentiteiten is te vinden op https://dev.w3.org/html5/html-author/charref
Een eenvoudig voorbeeld met het gebruik van de karakterentiteit voor 'vergrootglas':
<input type="text" placeholder=" 🔍 Search"/>
die wordt weergegeven als