Molt abans que les aplicacions de missatgeria i les safates d'entrada de les persones amb colors emojis, els desenvolupadors web van inserir símbols especials a les seves pàgines web que estan representades a l'estàndard Unicode UTF-8. Per inserir un d'aquests símbols Unicode, per exemple, els caràcters de fletxa estàndard, un desenvolupador ha d'editar una pàgina web directament, modificant l'HTML que fa la pàgina.
Per exemple, si escriu una publicació de bloc usant WordPress, haureu de canviar al mode de text en comptes del mode visual , que es pot accedir a la cantonada superior dreta del quadre de composició per inserir el vostre símbol especial.
Com inserir símbols de fletxa
Necessiteu un dels tres identificadors: el codi d'entitat HTML5, el codi decimal o el codi hexadecimal. Qualsevol dels tres produeix el mateix resultat. En general, els codis d'entitat comencen amb un ampersand i finalitzen amb un punt i coma i en el relleu del mig una abreviació que resumeix el que és el símbol. Els codis decimals segueixen el format ampersand + hashtag + codi numèric + punt i coma, mentre que els codis hexadecimals insereixen la lletra X entre l'hashtag i els números.
Per exemple, un símbol de fletxa dreta (←) s'insereix a la pàgina per alguna de les combinacions següents:
Vaig a mostrar ←
Vaig a mostrar ←
Vaig a mostrar ←
La majoria dels símbols Unicode no ofereixen un codi d'entitat, pel que han de ser assignats utilitzant el codi decimal o hexadecimal.
Aquests codis s'han d'inserir directament al codi HTML utilitzant algun tipus d'eina d'edició del mode de text o d'origen. No és possible que afegiu els símbols a un editor visual i, per tant, enganxar el caràcter Unicode que vulgueu en un editor visual pot no resultar en l'efecte previst.
Símbols de fletxa comuns
Utilitzeu la taula següent per trobar el símbol que vulgueu. Unicode suporta desenes de diferents tipus i estils de fletxes. Observar el mapa de caràcters del vostre PC amb Windows us pot ajudar a identificar estils específics de fletxes. Quan ressalteu un símbol, sovint veureu una descripció a la part inferior de la finestra d'aplicació de Mapes de caràcters en forma d'U + nnnn , on els números representen el codi decimal del símbol.
Tingueu en compte que no tots els tipus de lletra de Windows mostren totes les formes dels símbols Unicode, de manera que si no podeu trobar el que voleu fins i tot després de canviar fonts dins del Mapa de caràcters, considereu fonts alternatives, incloses les pàgines de resum de W3Schools.
| Personatge | Decimal | Hexadecimal | Entitat | Nom estandarditzat |
|---|---|---|---|---|
| ← | 8592 | 2190 | ← | Fletxa cap a l'esquerra |
| ↑ | 8593 | 2191 | ↑ | Fletxa cap amunt |
| → | 8594 | 2192 | → | Fletxa cap avall |
| ↔ | 8595 | 2194 | ↔ | Fletxa cap avall |
| ↕ | 8597 | 2195 | Fletxa cap amunt | |
| ↻ | 8635 | 21BB | Fletxa oberta a la dreta del rellotge | |
| ⇈ | 8648 | 21C8 | Fletxes enllaçades cap amunt | |
| ⇾ | 8702 | 21FE | Fletxa cap a l'esquerra cap a l'esquerra | |
| ⇶ | 8694 | 21F6 | Tres fletxes cap a la dreta | |
| ⇦ | 8678 | 21E6 | Fletxa blanca cap a l'esquerra | |
| ⇡ | 8673 | 21E1 | Fletxa arrodonida cap amunt | |
| ⇝ | 8669 | 21DD | A la dreta, calmar la fletxa |
Consideracions
Microsoft Edge, Internet Explorer 11 i Firefox 35 o els navegadors més nous no tenen cap dificultat per mostrar el rang complet de caràcters Unicode capturats en l'estàndard UTF-8. Tanmateix, Google Chrome, de manera intermitent, perd alguns caràcters si es presenten únicament amb el codi d'entitat HTML5.
UTF-8 serveix com a codificació predeterminada per gairebé el 90 per cent de totes les pàgines web a l'agost de 2017, segons Google. L'estàndard UTF-8 inclou caràcters més enllà de les fletxes. Per exemple, UTF-8 admet caràcters que inclouen:
- Símbols de moneda
- Símbols amb lletres que no són lletres
- Operadors matemàtics
- Formes geomètriques
- Formes de caixa
- Dingbats
- Marques diacríticas
- Personatges grecs, coptes i ciríl·lics
El procediment per inserir aquests símbols addicionals és exactament el mateix que per a les fletxes.