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 &nbsp; &#160;
“<” minder dan &lt; &#60;
“>” groter dan &gt; &#62;
“&” ampersand &amp; &#38;
“-” em streepje &mdash; &#8212;
“-” en streepje &ndash; &#8211;
“©” auteursrechten &copy; &#169;
“®” geregistreerd handelsmerk &reg; &#174;
“™” handelsmerk &trade; &#8482;
“☎” telefoon &phone; &#9742;

Dus om te schrijven

© 2016 Stack Exchange Inc.

de volgende HTML-code wordt gebruikt:

<b>&copy; 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="  &#128269; Search"/>

die wordt weergegeven als

voer hier de afbeeldingsbeschrijving in



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow