Kauan ennen emojien värikkäitä ihmisten viestintäohjelmia ja postilaatikoita Web-kehittäjät lisäsivät erityisiä symboleja verkkosivuihinsa, jotka on esitetty Unicode UTF-8 -standardissa. Jos haluat lisätä jonkin näistä Unicode-symboleista - esimerkiksi standardin nuolimerkit - kehittäjän on muokattava verkkosivua suoraan muokkaamalla HTML-sivua.
Jos esimerkiksi kirjoitat blogikirjoituksen WordPressin avulla, sinun on siirryttävä teksti- tilaan Visual- tilan sijaan, joka on valittavissa kohtaa koostumusruudun oikeassa yläkulmassa.
Kuinka lisätä nuolimerkkejä
Tarvitset jonkin kolmesta tunnistuksesta: HTML5-yksikkökoodin, desimaalin koodin tai heksadesimaalisen koodin. Jokainen kolmesta tuottaa saman tuloksen. Yleensä entiteettikoodit alkavat ampersandilla ja päättevät puolipisteellä ja keskimmäisessä releessä lyhenne, jossa kuvataan symboli. Decimal-koodit seuraavat muotoa ampersand + hashtag + numeerinen koodi + puolipiste, kun taas heksadesimaaliset koodit lisäävät kirjaimen X hashtagin ja numeroiden väliin.
Esimerkiksi oikealle nuolen symboli (←) lisätään sivulle jollakin seuraavista yhdistelmistä:
Näytän ←
Näytän ←
Näytän ←
Useimmat Unicode-symbolit eivät tarjoa entiteettikoodia, joten ne on määriteltävä desimaalin tai heksadesimaalisen koodin avulla.
Nämä koodit on lisättävä suoraan HTML-muotoon käyttäen jonkinlaista teksti- tai lähdekoodin muokkaustyökalua. Symbolien lisääminen visuaaliseen editoriin ei välttämättä toimi, ja haluamasi Unicode-merkin liittäminen visuaaliseen editoriin ei välttämättä aiheuta aiottua vaikutusta.
Yhteiset nuolimerkit
Etsi seuraava symboli haluamasi symbolin avulla. Unicode tukee kymmeniä eri tyyppejä ja tyylejä nuolia. Windows-tietokoneesi merkkikartan avulla voit tunnistaa tiettyjä nuolien tyyppejä. Kun korostat symbolin, näkyviin tulee usein kuvaus Kartoista-kartan sovellusikkunan alaosasta U + nnnn- muodossa, jossa numerot edustavat symbolin desimaalikoodia.
Huomaa, että kaikki Windows-kirjasimet eivät näy kaikkia Unicode-symboleiden muotoja, joten jos et löydä haluamaasi merkkiä, vaikka olet muuttanut fonttikarttojen sisältämiä fontteja, harkitse vaihtoehtoisia lähteitä, mukaan lukien W3Schoolsin yhteenvetosivut.
Merkki | desimaalin | heksadesimaalinen | Entity | Standardoitu nimi |
---|---|---|---|---|
← | 8592 | 2190 | ← | Vasen nuoli |
↑ | 8593 | 2191 | ↑ | Ylöspäin nuolta |
→ | 8594 | 2192 | → | Righwards Arrow |
↔ | 8595 | 2194 | ↔ | Alaspäin nuoli |
↕ | 8597 | 2195 | Ylös alaspäin | |
↻ | 8635 | 21BB | Avattava ympyrä-nuoli myötäpäivään | |
⇈ | 8648 | 21C8 | Ylöspäin paritut nuolet | |
⇾ | 8702 | 21FE | Oikea avoin nuoli | |
⇶ | 8694 | 21F6 | Kolme oikeaa nuolta | |
⇦ | 8678 | 21E6 | Vasen valkoinen nuoli | |
⇡ | 8673 | 21E1 | Upward Dashed Arrow | |
⇝ | 8669 | 21DD | Oikealta Squiggle Arrow |
näkökohdat
Microsoft Edge, Internet Explorer 11 ja Firefox 35 tai uudemmat selaimet eivät ole vaikeuksia näyttää kaikkia UTF-8-standardissa olevia Unicode-merkkejä. Google Chrome kuitenkin häiritsee joitakin merkkejä ajoittain, jos ne esitetään pelkästään HTML5-koodilla.
UTF-8 toimii oletuskoodauksena lähes 90 prosentille kaikista verkkosivuista elokuusta 2017, Googlen mukaan. UTF-8-standardi sisältää merkkejä nuolien ulkopuolella. Esimerkiksi UTF-8 tukee seuraavia merkkejä:
- Valuutan symbolit
- Letteraiset symbolit, jotka eivät ole kirjaimia
- Matemaattiset operaattorit
- Geometriset kuviot
- Boxlike muodot
- Dingbats
- Diakriittiset merkit
- Kreikkalaisia, koptisia ja kyrillisiä merkkejä
Näiden lisämerkkien asettaminen on täsmälleen sama kuin nuolilla.