Hvordan sette inn pilsymboler på websiden din

click fraud protection

Hva du skal vite

  • Sett inn en HTML5 enhetskode, desimalkode eller heksadesimal kode direkte til HTML ved hjelp av tekstmodus eller kildemodusverktøy.
  • Kodeformater: HTML5 = "&Kode;"Desimal = "& # Kode;"Hexadecimal ="& # XCode;"
  • Skriv inn Character Map i Windows Søk bar for å identifisere piler og koder i tegnkartet.

Denne artikkelen forklarer hvordan du setter inn piler (og andre symboler) i et blogginnlegg eller en websides HTML ved hjelp av redaktør eller plattform etter eget valg. Disse tastetrykkene er basert på Unicode, som nettlesere gjenkjenne og bli til de ønskede symbolene.

Hvordan lage en pil for websiden din

Illustrasjon som viser hvordan man lager pilsymboler på websiden
Lifewire / Miguel Co.

Du trenger en av tre identifikatorer: HTML5 enhetskode, desimalkoden eller heksadesimal kode. En hvilken som helst av de tre identifikatorene gir det samme resultatet. Generelt starter enhetskoder med bokstav og slutter med semikolon; i midten er en forkortelse som oppsummerer hva symbolet er. Desimalkoder følger formatet Ampersand + Hashtag + Numerisk kode + Semikolon, og heksadesimale koder setter inn bokstaven X mellom hashtaggen og tallene.

instagram viewer

Hvis du for eksempel vil produsere et venstre-pil-symbol (←), skriver du inn en av følgende kombinasjoner:

  • HTML:
  • Desimal:
  • Heksadesimal:

De fleste Unicode-symboler tilbyr ikke enhetskoder, så de må tildeles ved hjelp av desimal- eller heksadesimalkoden i stedet.

Du må sette inn disse kodene direkte i HTML-en ved hjelp av et redigeringsverktøy for tekstmodus eller kildemodus. Det kan hende at det å legge til symbolene i et visuelt redigeringsprogram ikke fungerer, og å lime inn Unicode-tegnet du ønsker i et visuelt redigeringsprogram, kan ikke føre til den tiltenkte effekten. For eksempel når du skriver et blogginnlegg ved hjelp av WordPress, bytte til Kodeditor modus i stedet for Visual Editor modus for å sette inn et spesielt symbol.

Forhåndsvisning for å vise hex høyre pil for å legge til siden din

Vanlige pilsymboler

Unicode støtter dusinvis av typer og stiler av piler. Se på tegnkartet på datamaskinen for å identifisere spesifikke pilestiler.

Velg for å åpne tegnkartet Start > Alle programmene > Tilbehør > SystemVerktøy > Tegnkart (eller velg Windows og gå inn karakterkart i søkeboksen).

Når du markerer et symbol, vil du se en beskrivelse av symbolet nederst i Character Map-applikasjonsvinduet i form av U +nnnn, der tallene representerer desimalkoden for symbolet.

Microsoft Windows tegn kart

Merk at ikke alle Windows-skrifter vise alle former for Unicode-symbolene, så hvis du ikke finner det du vil ha, selv etter at du har endret skrift inne i tegnkartet, bør du vurdere alternative kilder, inkludert sammendragssidene for W3Skoler.

Valgte UTF-8 pilsymboler
Karakter Desimal Heksadesimal Enhet Standardisert navn
8592 2190 venstre pil
8593 2191 pil opp
8594 2192 høyre pil
8595 2194 pil ned
8597 2195 pil opp
8635 21BB medurs med åpen pil
8648 21C8 opp parede piler
8702 21FE høyre åpne pil
8694 21F6 tre høyre piler
8678 21E6 venstre hvite pil
8673 21E1 opp stiplet pil
8669 21DD høyre kvisepil

Hensyn

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

UTF-8-standarden inkluderer også tegn utover pilene. For eksempel støtter UTF-8 tegn inkludert:

  • Valutasymboler
  • Bokstavlignende symboler som ikke er bokstaver
  • Matematiske operatører
  • Geometriske former
  • Bokslignende former
  • Dingbats
  • Diakritiske tegn
  • Greske, koptiske og kyrilliske tegn

UTF-8 fungerer som standardkoding for nesten 90 prosent av alle websider per november 2018, ifølge Google.

Fremgangsmåten for å sette inn disse tilleggssymbolene er nøyaktig den samme som for pilene.

instagram story viewer