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
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ä.
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.
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.
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.