Com inserir símbols de fletxa a la vostra pàgina web

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 mitjançant WordPress, haureu de canviar al Text mode en comptes de Visual Mode, que es pot accionar a la cantonada superior dreta de la caixa de composició, per inserir el 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 ←

La majoria dels símbols Unicode fan no ofereixen un codi d'entitat, per la qual cosa cal assignar-los 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 de l'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.

Selecció de símbols de fletxa UTF-8

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: