Skip to main content

Så här infogar du pilsymboler på din webbsida

Anonim

Långt innan emojis färgade människors meddelandeprogram och inkorgar infogade webbutvecklare speciella symboler i sina webbsidor som är representerade i Unicode UTF-8-standarden. För att infoga en av dessa Unicode-symboler, till exempel standardpilar, måste en utvecklare redigera en webbsida direkt genom att modifiera den HTML som gör sidan.

Om du till exempel skriver ett blogginlägg med WordPress måste du växla till Text läge istället för Visuell läge, växlar i det övre högra hörnet av kompositionen, för att infoga din speciella symbol.

Så här infogar du pilsymboler

Du behöver en av tre identifierare-HTML5-enhetskoden, decimalkoden eller den hexadecimala koden. Någon av de tre ger samma resultat. I allmänhet startar enhetskoder med en ampersand och slutar med en semikolon och i mellanslutet en förkortning som sammanfattar vad symbolen är. Decimala koder följer formatet ampersand + hashtag + numerisk kod + semikolon, medan hexadecimala koder sätter in bokstaven X mellan hashtag och siffrorna.

Till exempel sätter en högerpilsymbol (←) in på sidan med någon av följande kombinationer:

Jag kommer att visa ←

Jag kommer att visa ←

Jag kommer att visa ←

De flesta Unicode-symbolerna gör inte erbjuda en enhetskod, så de måste tilldelas med hjälp av decimal eller hexadecimal kod istället.

Dessa koder måste infogas direkt i HTML-filen med hjälp av något slags textläge eller källmodusredigeringsverktyg. Lägga till symbolerna i en visuell redigerare kanske inte fungerar, och klistra in Unicode-tecknet du vill ha i en visuell redaktör kan inte resultera i din avsedda effekt.

Vanliga pilsymboler

Använd följande tabell för att hitta en symbol du vill ha. Unicode stöder dussintals olika typer och pilartyper. Titta på karaktärskartan på din Windows-dator kan hjälpa dig att identifiera specifika pilartyper. När du markerar en symbol ser du ofta en beskrivning längst ner i fönstret Karaktärsapplikation i form av U + nnnn , där siffrorna representerar decimalkoden för symbolen.

Observera att inte alla Windows-teckensnitt visar alla former av Unicode-symbolerna, så om du inte kan hitta vad du vill ha, även efter att du ändrat teckensnitt i karaktärskartan, överväga alternativa källor, inklusive sammanfattningssidorna för W3Schools.

Valda UTF-8 pil symboler
KaraktärDecimalhexadecimalEntitetStandardiserade namn
85922190Vänsterpil
85932191Uppåtpil
85942192Righwards Arrow
85952194Nedåtpil
85972195 Upp nerpil
863521BB Medurs öppna cirkelpil
864821C8 Uppåtparade pilar
870221FE Höger framåt-pil
869421F6 Tre högerpilar
867821E6 Vänster Vitpil
867321E1 Uppåt Dashed Arrow
866921DD Höger-stigningspilen

överväganden

Microsoft Edge, Internet Explorer 11 och Firefox 35 eller nya webbläsare har ingen svårighet att visa hela sortimentet av Unicode-tecken som tagits i UTF-8-standarden. Google Chrome saknar emellertid periodvis några tecken om de presenteras enbart med hjälp av HTML5-enhetskoden.

UTF-8 fungerar som standardkodning för nästan 90 procent av alla webbsidor per augusti 2017, enligt Google. UTF-8-standarden innehåller tecken utanför pilarna. Till exempel stöder UTF-8 tecken inklusive:

  • Valutasymboler
  • Letterlike symboler som inte är bokstäver
  • Matematiska operatörer
  • Geometriska former
  • Boxliknande former
  • Dingbats
  • Diakritiska märken
  • Grekiska, koptiska och kyrilliska tecken

Förfarandet för att infoga dessa ytterligare symboler är exakt detsamma som för pilarna.