De webpagina's die u online bezoekt, zijn gebouwd met behulp van HTML code die webbrowsers vertelt wat de inhoud van de pagina is en hoe deze visueel voor kijkers kan worden weergegeven. De code bevat educatieve bouwstenen, ook wel elementen genoemd, die de kijker van de webpagina nooit te zien krijgt. De code bevat ook normale teksttekens, zoals die in koppen en alinea's die zijn ontworpen voor de kijker om te lezen.
De rol van speciale tekens in HTML
Wanneer u HTML gebruikt en de tekst typt die bedoeld is om te worden bekeken, heeft u meestal geen speciale codes nodig - u gebruikt alleen uw computertoetsenbord om de juiste letters of tekens toe te voegen. Er ontstaat een probleem wanneer u een teken wilt typen in de leesbare tekst die HTML gebruikt als onderdeel van de code zelf. Deze karakters omvatten de < en > tekens die in de code worden gebruikt om elke HTML-tag te beginnen en te beëindigen. U kunt ook tekens in de tekst opnemen die geen direct analoog op het toetsenbord hebben, zoals: © en Ñ. Voor tekens die geen toets op je toetsenbord hebben, voer je een code in.
Speciale tekens zijn specifieke stukjes HTML-code die zijn ontworpen om tekens weer te geven die worden gebruikt in de HTML-code of om tekens op te nemen die niet op het toetsenbord voorkomen in de tekst van de kijker ziet. HTML geeft deze speciale tekens weer met numerieke of tekencodering, zodat ze kunnen worden opgenomen in een HTML-document, gelezen door de browser en correct weergegeven zodat de bezoekers van uw site ze kunnen zien.
Er zijn drie tekens in de kern van de syntaxis van de HTML-code. Gebruik ze nooit in de leesbare delen van uw webpagina zonder ze eerst te coderen voor een juiste weergave. Dit zijn de symbolen groter dan, kleiner dan en ampersand. Met andere woorden, u mag nooit het kleiner-dan-symbool gebruiken < in uw HTML-code, tenzij het het begin is van een HTML-tag. Als u dat doet, verwart het teken de browsers en worden uw pagina's mogelijk niet weergegeven zoals u verwacht. De drie tekens die u nooit ongecodeerd mag toevoegen, zijn:
- kleiner-dan-teken <
- groter-dan-teken >
- ampersand &
Wanneer u deze tekens rechtstreeks in uw HTML-code typt - tenzij u ze als elementen in de code gebruikt - typt u de codering ervoor, zodat ze correct in de leesbare tekst verschijnen:
- minder dan teken - <
- groter-dan-teken — >
- ampersand — &
Elk speciaal teken begint met een ampersand - zelfs het speciale teken voor ampersand begint met dit teken. Speciale tekens eindigen met een puntkomma. Tussen deze twee tekens voeg je alles toe wat geschikt is voor het speciale teken dat je wilt toevoegen. het is (voor minder dan) maakt het kleiner-dan-symbool wanneer het in HTML tussen de ampersand en de puntkomma staat. evenzo, gt creëert het groter-dan-symbool en versterker levert een ampersand op als ze tussen an. staan ampersand en puntkomma.
Speciale tekens die u niet kunt typen
Elk teken dat in de Latin-1 standaard tekenset kan worden weergegeven, kan in HTML worden weergegeven. Als het niet op je toetsenbord verschijnt, gebruik je het ampersand-symbool met de unieke code die aan het teken is toegewezen, gevolgd door de puntkomma.
Bijvoorbeeld de "vriendelijke code" voor de symbool van auteursrecht is © en ™ is de code voor het handelsmerksymbool.
Deze gebruiksvriendelijke code is gemakkelijk te typen en gemakkelijk te onthouden, maar er zijn veel tekens die geen gebruiksvriendelijke code hebben die gemakkelijk te onthouden is.
Elk teken dat op het scherm kan worden getypt, heeft een bijbehorende decimale numerieke code. U kunt deze numerieke code gebruiken om elk teken weer te geven. Bijvoorbeeld de decimale numerieke code voor het copyright-symbool — © — demonstreren hoe numerieke codes werken. Ze beginnen nog steeds met een ampersand en eindigen met een puntkomma, maar in plaats van vriendelijke tekst gebruikt u het hekje gevolgd door een unieke cijfercode voor dat teken.
De gebruiksvriendelijke codes zijn gemakkelijk te onthouden, maar de numerieke codes zijn vaak betrouwbaarder. Sites die zijn gebouwd met databases en XML hebben mogelijk niet alle gebruiksvriendelijke codes gedefinieerd, maar ze ondersteunen de numerieke codes.
De beste manier om de numerieke codes voor tekens te vinden, is in tekensets die u online kunt vinden. Wanneer u het gewenste symbool vindt, kopieert en plakt u de numerieke code in uw HTML.
Sommige tekensets omvatten:
- Valutacodes
- Wiskundige codes
- Interpunctiecodes
- Uitspraakcodes
- Diakritische codes
Niet-Engelstalige tekens
Speciale tekens zijn niet beperkt tot de Engelse taal. Speciale tekens in niet-Engelse talen kunnen worden uitgedrukt in HTML, waaronder:
- Spaans
- Frans
- Grieks
- Roemeense
Dus wat zijn hexadecimale codes?
Hexadecimale code is een alternatieve indeling voor het weergeven van speciale tekens in HTML-code. U kunt elke gewenste methode voor uw webpagina gebruiken. Je zoekt ze online op in tekensets en gebruikt ze op dezelfde manier als vriendelijke codes of numerieke codes.
Voeg de Unicode-verklaring toe aan uw documentkop
Voeg de volgende metatag overal in de.
inhoud="tekst/html; charset=utf-8" />Tips
Welke methode u ook gebruikt, houd een paar best practices in gedachten:
Sluit uw entiteit altijd af met een puntkomma
Met sommige HTML-editors kunt u HTML-codes plaatsen zonder de laatste puntkomma, maar uw pagina's zijn ongeldig en veel webbrowsers zullen de entiteiten zonder deze niet correct weergeven.
Begin altijd met een ampersand
Veel webeditors laten je wegkomen door de "amp;" weg te laten. maar wanneer u alleen een ampersand weergeeft in XHTML, veroorzaakt het een validatiefout.
Test uw pagina's in zoveel mogelijk browsers
Als het teken cruciaal is voor het begrijpen van uw document en u het niet kunt testen in de browser/OS-combinaties die uw klanten gebruiken, moet u een andere manier vinden om het weer te geven. Voordat u echter uw toevlucht neemt tot afbeeldingen of iets anders, probeert u een van de browsertesttools die uw code in meerdere browsers kunnen valideren.