Skip to main content

Pijlsymbolen invoegen op uw webpagina

Anonim

Lang voordat Emoji's berichtentoepassingen en inboxen voor mensen kleurden, voegden webontwikkelaars speciale symbolen in hun webpagina's die worden weergegeven in de Unicode UTF-8-standaard. Als u een van deze Unicode-symbolen wilt invoegen, bijvoorbeeld standaardpijltekens, moet een ontwikkelaar een webpagina rechtstreeks bewerken door de HTML-code te wijzigen die de pagina weergeeft.

Als u bijvoorbeeld een blogpost met WordPress schrijft, moet u overschakelen naar de Tekst modus in plaats van zichtbaar modus, te gebruiken in de rechterbovenhoek van het compositieblok, om uw speciale symbool in te voegen.

Pijlsymbolen invoegen

U hebt een van de drie ID's nodig: de HTML5-entiteitscode, de decimale code of de hexadecimale code. Elk van de drie produceert hetzelfde resultaat. Over het algemeen beginnen entiteitcodes met een ampersand en eindigen met een puntkomma en in het middelste relais een afkorting die samenvat wat het symbool is. Decimale codes volgen het formaat ampersand + hashtag + numerieke code + puntkomma, terwijl hexadecimale codes de letter X tussen de hashtag en de cijfers invoegen.

Bijvoorbeeld, een pijl-rechts-symbool (←) wordt op de pagina ingevoegd door een van de volgende combinaties:

Ik zal ← weergeven

Ik zal ← weergeven

Ik zal ← weergeven

De meeste Unicode-symbolen doen dit niet een entiteitscode aanbieden, dus moeten ze in plaats daarvan worden toegewezen met behulp van de decimale of hexadecimale code.

Deze codes moeten rechtstreeks in de HTML worden ingevoegd met behulp van een soort tekstmodus of bewerkingshulpmiddel in de bronmodus. Het toevoegen van de symbolen aan een visuele editor werkt mogelijk niet, en het plakken van het Unicode-teken dat u zoekt in een visuele editor heeft mogelijk niet het gewenste effect tot gevolg.

Gemeenschappelijke pijlsymbolen

Gebruik de volgende tabel om een ​​symbool te vinden dat u zoekt. Unicode ondersteunt tientallen verschillende soorten en stijlen van pijlen. Als u de karakterkaart op uw Windows-pc bekijkt, kunt u specifieke pijlstijlen identificeren. Wanneer u een symbool markeert, ziet u vaak een beschrijving onder aan het toepassingsvenster van de Character Map in de vorm van U + nnnn , waarbij de cijfers de decimale code voor het symbool vertegenwoordigen.

Merk op dat niet alle Windows-lettertypen alle vormen van de Unicode-symbolen weergeven, dus als u niet kunt vinden wat u wilt, zelfs nadat u de lettertypen in Character Map hebt gewijzigd, overweeg alternatieve bronnen, inclusief de overzichtspagina's voor W3Schools.

Geselecteerde UTF-8 pijlsymbolen
KarakterDecimaleHexadecimaalEntiteitGestandaardiseerde naam
85922190Pijl naar links
85932191Pijl naar boven
85942192Righwards Arrow
85952194Neerwaartse pijl
85972195 Pijl-omlaag
863521BB Met de klok mee Open Circle Arrow
864821C8 Naar boven Gepaarde pijlen
870221FE Rechter pijl met de pijl naar rechts
869421F6 Drie pijlen naar rechts
867821E6 Linker witte pijl
867321E1 Naar boven gestippelde pijl
866921DD Rechts Squiggle Arrow

overwegingen

Microsoft Edge, Internet Explorer 11 en Firefox 35 of nieuwere browsers hebben geen enkele moeite met het weergeven van het volledige bereik van Unicode-tekens vastgelegd in de UTF-8-standaard. Google Chrome mist echter af en toe enkele tekens als deze alleen worden aangeboden met de HTML5-entiteitscode.

UTF-8 dient vanaf augustus 2017 als standaardcodering voor bijna 90 procent van alle webpagina's, aldus Google. De UTF-8-standaard bevat tekens die verder gaan dan pijlen. UTF-8 ondersteunt bijvoorbeeld tekens, waaronder:

  • Valutasymbolen
  • Letterachtige symbolen die geen letters zijn
  • Wiskundige operators
  • Geometrische vormen
  • Boxachtige vormen
  • Dingbats
  • Diakritische tekens
  • Griekse, Koptische en Cyrillische karakters

De procedure voor het invoegen van deze extra symbolen is precies hetzelfde als voor pijlen.