Skip to main content

Slik setter du inn pilsymboler på websiden din

Anonim

Langt før emojis-fargede folks meldingsapps og innboksene satte webutviklere spesielle symboler inn i deres nettsider som er representert i Unicode UTF-8-standarden. Hvis du vil sette inn et av disse Unicode-symbolene - for eksempel standardpiltegn - må en utvikler redigere en nettside direkte, ved å endre HTML-koden som gjør siden.

For eksempel, hvis du skriver et blogginnlegg ved hjelp av WordPress, må du bytte til Tekst modus i stedet for Visuell modus, togglable i øverste høyre hjørne av komposisjonen boksen, for å sette inn ditt spesielle symbol.

Slik setter du inn pilsymboler

Du trenger en av tre identifikatorer - HTML5-enhetskoden, desimalkoden eller den heksadesimale koden. En av de tre produserer det samme resultatet. Generelt starter enhetskoder med en ampersand og slutter med en semikolon og i midtreléet en forkortelse som oppsummerer hva symbolet er. Decimale koder følger formatet ampersand + hashtag + numerisk kode + semikolon, mens heksadesimale koder setter inn bokstaven X mellom hashtag og tallene.

For eksempel legger et høyre pilsymbol (←) inn på siden ved hjelp av en av følgende kombinasjoner:

Jeg vil vise ←

Jeg vil vise ←

Jeg vil vise ←

De fleste Unicode-symbolene gjør ikke Oppgi en enhetskode, så de må tilordnes ved hjelp av desimal eller heksadesimal kode i stedet.

Disse kodene må settes inn direkte i HTML ved hjelp av en slags tekstmodus eller kildemodus redigeringsverktøy. Legge til symbolene i en visuell redigeringsfunksjon kan ikke fungere, og det kan ikke føre til ønsket effekt når du legger inn Unicode-tegnet du vil ha i en visuell editor.

Vanlige pilsymboler

Bruk følgende tabell for å finne et symbol du vil ha. Unicode støtter dusinvis av forskjellige typer og stiler av piler. Ser på tegnoversikten på din Windows-PC kan hjelpe deg med å identifisere bestemte pilerstilter. Når du markerer et symbol, vil du ofte se en beskrivelse nederst i Character Map-programvinduet i form av U + nnnn , hvor tallene representerer desimalkoden for symbolet.

Vær oppmerksom på at ikke alle Windows-skrifttyper viser alle former for Unicode-symbolene, så hvis du ikke finner det du vil ha, selv etter at du har endret skrifter inni tegnkart, bør du vurdere alternative kilder, inkludert oppsummeringssidene for W3Schools.

Utvalgte UTF-8 pil symboler
KarakterDesimalheksadesimaleEntityStandardisert navn
85922190Venstre pil
85932191Oppover Pil
85942192Righwards Arrow
85952194Nedover Pil
85972195 Opp ned pil
863521BB Med urviseren Åpne sirkelpilen
864821C8 Oppoverpiler
870221FE Høyresiden med åpen pil
869421F6 Tre Høyre Pilter
867821E6 Venstre White Arrow
867321E1 Oppover Stippert pil
866921DD Høyre Sprekk Pil

betraktninger

Microsoft Edge, Internet Explorer 11 og Firefox 35 eller nyere nettlesere har ingen problemer med å vise hele spekteret av Unicode-tegn tatt i UTF-8-standarden. Google Chrome savner imidlertid noen få tegn hvis de presenteres utelukkende ved hjelp av HTML5-enhetskoden.

UTF-8 tjener som standardkoding for nesten 90 prosent av alle nettsider i august 2017, ifølge Google. UTF-8-standarden inneholder tegn utover piler. For eksempel støtter UTF-8 tegn som inkluderer:

  • Valutasymboler
  • Letterlike symboler som ikke er bokstaver
  • Matematiske operatører
  • Geometriske former
  • Boxlike figurer
  • Dingbats
  • Diakritiske karakterer
  • Gresk, koptisk og kyrillisk karakter

Prosedyren for å sette inn disse tilleggssymbolene er nøyaktig det samme som for pilene.