Sådan indsættes pilsymboler på din webside

Hvad man skal vide

  • Indsæt en HTML5 enhedskode, decimalkode eller hexadecimal kode direkte til HTML ved hjælp af teksttilstand eller kildetilstandsværktøj.
  • Kodeformater: HTML5 = "&Kode;"Decimal = "& # Kode;"Hexadecimal ="& # XCode;"
  • Skriv tegnoversigt i Windows Søg bar til at identificere pile og deres koder i tegnkortet.

Denne artikel forklarer, hvordan du indsætter pile (og andre symboler) i et blogindlæg eller websides HTML ved hjælp af redaktør eller platform efter eget valg. Disse tastetryk er baseret på Unicode, som webbrowsere genkende og blive til de ønskede symboler.

Sådan laver du en pil til din webside

Illustration, der viser, hvordan man laver pilsymboler på websiden
Lifewire / Miguel Co.

Du skal bruge en af ​​tre identifikatorer: HTML5 enhedskode, decimalkoden eller hexadecimal kode. Enhver af de tre identifikatorer giver det samme resultat. Generelt starter enhedskoder med et ampersand og slutter med et semikolon; i midten er en forkortelse, der opsummerer, hvad symbolet er. Decimalkoder følger formatet Ampersand + Hashtag + Numerisk kode + semikolonog hexadecimale koder indsætter bogstavet x mellem hashtag og numre.

instagram viewer

For at producere et venstre-pil-symbol (←) skal du skrive en af ​​følgende kombinationer:

  • HTML:
  • Decimal:
  • Hexadecimal:

De fleste Unicode-symboler tilbyder ikke enhedskoder, så de skal tildeles ved hjælp af decimal- eller hexadecimalkoden i stedet.

Du skal indsætte disse koder direkte i HTML ved hjælp af et redigeringsværktøj til teksttilstand eller kildetilstand. Tilføjelse af symbolerne til en visuel editor fungerer muligvis ikke, og at indsætte det ønskede Unicode-tegn i en visuel editor resulterer muligvis ikke i din tilsigtede effekt. For eksempel når du skriver et blogindlæg ved hjælp af WordPress, skifte til Kode Editor i stedet for Visual Editor tilstand for at indsætte et specielt symbol.

Eksempel for at vise hex-højre pil for at føje til din side

Fælles pilsymboler

Unicode understøtter snesevis af typer og stilarter af pile. Se på tegnkortet på din computer for at identificere bestemte pileformater.

Vælg for at åbne tegnkortet Start > Alle programmer > tilbehør > SystemVærktøjer > Tegnoversigt (eller vælg Windows og indtast tegn kort i søgefeltet).

Når du fremhæver et symbol, vil du se en beskrivelse af symbolet nederst i applikationsvinduet Tegnoversigt i form af U +nnnn, hvor tallene repræsenterer decimalkoden for symbolet.

Microsoft Windows-tegnkort

Bemærk, at ikke alle Windows-skrifttyper vise alle former for Unicode-symboler, så hvis du ikke kan finde det, du vil have, selv efter at du har ændret skrifttyper inde i tegnoversigten, skal du overveje alternative kilder, inklusive oversigtssiderne for W3Skoler.

Valgte UTF-8 pilsymboler
Karakter Decimal Hexadecimal Enhed Standardiseret navn
8592 2190 venstre pil
8593 2191 pil op
8594 2192 højre pil
8595 2194 pil ned
8597 2195 pil op
8635 21BB med uret med åben cirkelpil
8648 21C8 op parrede pile
8702 21FE højre åbne pil
8694 21F6 tre højre pile
8678 21E6 venstre hvide pil
8673 21E1 op stiplet pil
8669 21DD højre krøllepil

Overvejelser

Microsoft Edge, Internet Explorer 11 og Firefox 35 og nyere browsere har ingen problemer med at vise hele spektret af Unicode-tegn i UTF-8-standarden. Google Chromedog savner intermitterende nogle tegn, hvis de kun præsenteres ved hjælp af HTML5-enhedskoden.

UTF-8-standarden inkluderer også tegn ud over pile. For eksempel understøtter UTF-8 tegn inklusive:

  • Valutasymboler
  • Bogstavlignende symboler, der ikke er bogstaver
  • Matematiske operatører
  • Geometriske former
  • Box-lignende former
  • Dingbats
  • Diakritiske tegn
  • Græske, koptiske og kyrilliske tegn

UTF-8 tjener som standardkodning for næsten 90 procent af alle websider fra november 2018 ifølge Google.

Proceduren for indsættelse af disse ekstra symboler er nøjagtig den samme som for pilene.