Cómo insertar símbolos de flechas en tu página web

Mucho antes de que las aplicaciones de mensajería y las bandejas de entrada de los emojis de color, los desarrolladores web insertaron símbolos especiales en sus páginas web que están representados en el estándar Unicode UTF-8. Para insertar uno de estos símbolos Unicode, por ejemplo, los caracteres de flecha estándar, un desarrollador debe editar una página web directamente, modificando el HTML que representa la página.

Por ejemplo, si escribe una publicación de blog con WordPress, deberá cambiar al Texto modo en lugar de Visual Modo, togglable en la esquina superior derecha del cuadro de composición, para insertar su símbolo especial.

Cómo insertar símbolos de flecha

Necesitará uno de los tres identificadores: el código de entidad HTML5, el código decimal o el código hexadecimal. Cualquiera de los tres produce el mismo resultado. En general, los códigos de entidad comienzan con un signo y terminan con un punto y coma y, en el medio, una abreviatura que resume lo que es el símbolo. Los códigos decimales siguen el formato ampersand + hashtag + código numérico + punto y coma, mientras que los códigos hexadecimales insertan la letra X entre el hashtag y los números.

Por ejemplo, un símbolo de flecha hacia la derecha (←) se inserta en la página mediante cualquiera de las siguientes combinaciones:

Voy a mostrar ←

La mayoría de los símbolos de Unicode hacen no ofrece un código de entidad, por lo que deben asignarse utilizando el código decimal o hexadecimal en su lugar.

Estos códigos deben insertarse directamente en el HTML utilizando algún tipo de herramienta de edición de modo de texto o modo de fuente. La adición de los símbolos a un editor visual puede no funcionar, y pegar el carácter Unicode que desea en un editor visual puede no resultar en el efecto deseado.

Símbolos de flecha comunes

Usa la siguiente tabla para encontrar el símbolo que deseas. Unicode admite docenas de diferentes tipos y estilos de flechas. Mirar el mapa de caracteres en su PC con Windows puede ayudarlo a identificar estilos específicos de flechas. Cuando resalta un símbolo, con frecuencia verá una descripción en la parte inferior de la ventana de la aplicación Mapa de caracteres en forma de U + nnnn , donde los números representan el código decimal para el símbolo.

Tenga en cuenta que no todas las fuentes de Windows muestran todas las formas de los símbolos Unicode, por lo tanto, si no puede encontrar lo que desea, incluso después de cambiar las fuentes dentro del Mapa de caracteres, considere fuentes alternativas, incluidas las páginas de resumen de W3Schools.

Símbolos de flecha UTF-8 seleccionados

Personaje	Decimal	Hexadecimal	Entidad	Nombre estandarizado
←	8592	2190	←	Flecha hacia la izquierda
↑	8593	2191	↑	Flecha hacia arriba
→	8594	2192	→	Flecha hacia la derecha
↔	8595	2194	↔	Flecha hacia abajo
↕	8597	2195		Arriba abajo flecha
↻	8635	21BB		Círculo abierto en sentido horario
⇈	8648	21C8		Flechas emparejadas hacia arriba
⇾	8702	21FE		Flecha abierta hacia la derecha
⇶	8694	21F6		Tres flechas a la derecha
⇦	8678	21E6		Flecha blanca hacia la izquierda
⇡	8673	21E1		Flecha punteada hacia arriba
⇝	8669	21DD		Flecha de flecha hacia la derecha

Consideraciones

Los navegadores Microsoft Edge, Internet Explorer 11 y Firefox 35 o más nuevos no tienen dificultad para mostrar la gama completa de caracteres Unicode capturados en el estándar UTF-8. Sin embargo, Google Chrome pierde de forma intermitente algunos caracteres si se presentan únicamente con el código de entidad HTML5.

UTF-8 sirve como la codificación predeterminada para casi el 90 por ciento de todas las páginas web a partir de agosto de 2017, según Google. El estándar UTF-8 incluye caracteres más allá de las flechas. Por ejemplo, UTF-8 admite caracteres que incluyen: