Nuolisymbolien lisääminen verkkosivullesi

Mitä tietää

  • Lisää HTML5 yksikkökoodi, desimaalikoodi tai heksadesimaali koodaa suoraan HTML-koodiin tekstitila- tai lähdetila-työkalulla.
  • Koodimuodot: HTML5 = "&Koodi;"Desimaali = "& # Code;"Heksadesimaali ="& # XCode;"
  • Kirjoita merkkikartta Windowsiin Hae palkki tunnistaa nuolet ja niiden koodit merkkikartassa.

Tässä artikkelissa kerrotaan, kuinka nuolet (ja muut symbolit) lisätään blogitekstiin tai verkkosivun HTML-koodiin toimittaja tai valitsemallesi alustalle. Nämä näppäinpainallukset perustuvat Unicodeen, joka verkkoselaimet tunnista ja muutu haluttuiksi symboleiksi.

Kuinka tehdä nuoli verkkosivullesi

Kuva, joka osoittaa nuolisymbolien tekemisen verkkosivulle
Lifewire / Miguel Co

Tarvitset yhden kolmesta tunnisteesta: HTML5 yksikkökoodi, desimaalikoodi tai heksadesimaali koodi. Mikä tahansa kolmesta tunnisteesta tuottaa saman tuloksen. Yleensä kokonaisuuksien koodit alkavat merkillä ja päättyvät puolipisteeseen; keskellä on lyhenne, joka tiivistää, mikä symboli on. Desimaalikoodit noudattavat muotoa Ampersand + hashtag + numeerinen koodi + puolipisteja heksadesimaalikoodit lisäävät kirjaimen X hashtagin ja numeroiden välillä.

instagram viewer

Esimerkiksi vasemman nuolen symbolin (←) tuottamiseksi kirjoita jokin seuraavista yhdistelmistä:

  • HTML:
  • Desimaali:
  • Heksadesimaali:

Suurin osa Unicode-symboleista ei tarjoa entiteettikoodeja, joten ne on määritettävä käyttämällä desimaali- tai heksadesimaalikoodia.

Nämä koodit on lisättävä suoraan HTML-koodiin tekstitilan tai lähdetilan muokkaustyökalulla. Symbolien lisääminen visuaaliseen muokkausohjelmaan ei ehkä toimi, ja haluamasi Unicode-merkin liittäminen visuaaliseen muokkausohjelmaan ei välttämättä aiheuta aiottua vaikutusta. Esimerkiksi kirjoittaessasi blogikirjoitusta WordPress, vaihtaa Koodieditori -tilan sijaan Visuaalinen editori tila lisätäksesi erikoismerkin.

Esikatselu näyttää kuusikulmaisen oikean nuolen lisätäksesi sivullesi

Yleiset nuolisymbolit

Unicode tukee kymmeniä eri tyyppisiä nuolia. Katso tietokoneesi merkkikartasta tiettyjä nuolityylejä.

Avaa merkkikartta valitsemalla alkaa > Kaikki ohjelmat > Lisätarvikkeet > JärjestelmäTyökalut > Merkkikartta (tai valitse Windows ja kirjoita merkkikartta hakukentässä).

Kun korostat symbolin, näet merkin kuvauksen Character Map -sovelluksen alaosassa muodossa U +nnnn, jossa numerot edustavat symbolin desimaalikoodia.

Microsoft Windows -merkkikartta

Huomaa, ettei kaikki Windows-fontit Näytä kaikki Unicode-symbolien muodot, joten jos et löydä haluamaasi edes fonttien vaihtamisen jälkeen merkkikartan sisällä, harkitse vaihtoehtoisia lähteitä, mukaan lukien W3Koulut.

Valitut UTF-8-nuolisymbolit
Merkki Desimaali Heksadesimaali Entiteetti Vakioitu nimi
8592 2190 vasen nuoli
8593 2191 nuoli ylöspäin
8594 2192 oikea nuoli
8595 2194 alanuoli
8597 2195 nuoli ylöspäin
8635 21BB myötäpäivään avoimen ympyrän nuoli
8648 21C8 pariliitetyt nuolet
8702 21FE oikea avoinpäinen nuoli
8694 21F6 kolme oikeaa nuolta
8678 21E6 vasen valkoinen nuoli
8673 21E1 katkoviiva ylöspäin
8669 21DD oikea nuolinäppäin

Huomioita

Microsoft Edge, Internet Explorer 11 ja Firefox 35 sekä uudemmilla selaimilla ei ole vaikeuksia näyttää kaikkia Unicode-merkkejä UTF-8-standardissa. Google Chrome, kuitenkin puuttuu ajoittain joitain merkkejä, jos ne esitetään vain HTML5-yksikön koodilla.

UTF-8-standardi sisältää myös nuolien ulkopuolisia merkkejä. Esimerkiksi UTF-8 tukee seuraavia merkkejä:

  • Valuuttamerkit
  • Kirjainkaltaiset symbolit, jotka eivät ole kirjaimia
  • Matemaattiset operaattorit
  • Geometriset kuviot
  • Laatikkomaiset muodot
  • Dingbats
  • Diakriittiset merkit
  • Kreikan, koptin ja kyrillisen merkit

UTF-8 toimii oletuskoodauksena lähes 90 prosentille kaikista verkkosivuista marraskuusta 2018 alkaen Googlen mukaan.

Menettely näiden lisäsymbolien lisäämiseksi on täsmälleen sama kuin nuolilla.

instagram story viewer