Insertar una flecha (y otros símbolos) en una entrada de blog o página web es simplemente cuestión de escribir las combinaciones de teclas correctas en el HTML de la página. Estas pulsaciones de teclas se basan en Unicode, que los navegadores reconocen y convierten en los símbolos deseados.
Por ejemplo, cuando escriba una entrada de blog usando WordPress, cambiará al modo Texto en lugar de Modo visual (un conmutador en la esquina superior derecha del cuadro de composición) para insertar su símbolo especial.
Cómo insertar los símbolos de flecha
Necesitará uno de 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 ampersand y terminan con un punto y coma; en el medio hay una abreviatura que resume lo que es el símbolo. Los códigos decimales siguen el formato ampersand+hashtag+código numérico+semicolon , y los códigos hexadecimales insertan la letra X entre el hashtag y los números.
Por ejemplo, para producir un símbolo de flecha a la izquierda (←), escriba cualquiera de las siguientes combinaciones:
- HTML: ←
- Decimal: ←
- Hexadecimal: ←
La mayoría de los símbolos Unicode no ofrecen códigos de entidad, por lo que deben asignarse utilizando el código decimal o hexadecimal.
Debe insertar estos códigos directamente en el HTML utilizando una herramienta de edición en modo texto o en modo fuente. Es posible que añadir los símbolos a un editor visual no funcione, y pegar el carácter Unicode que desea en un editor visual puede no producir el efecto deseado.
Símbolos comunes de la flecha
Utilice la siguiente tabla para encontrar el símbolo que necesita. Unicode soporta docenas de diferentes tipos y estilos de flechas. Mirar el Mapa de Personajes en su computadora puede ayudarle a identificar estilos específicos de flechas. Cuando resalte un símbolo, verá con frecuencia 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 del símbolo. Ten en cuenta que no todas las fuentes de Windows muestran todas las formas de los símbolos Unicode, así que si no puedes encontrar lo que quieres incluso después de cambiar las fuentes dentro de Character Map, considera fuentes alternativas, incluidas las páginas de resumen de W3Schools.
CharacterDecimalHexadecimalEntityStandardized Name←85922190←Leftwards Arrow↑85932191↑Upwards Arrow→85942192→Rightwards Arrow↔85952194→Rightwards Arrow↔85952194↔Downwards Arrow↕85972195Up Abajo Arrow↻863521BBClockwise Abrir Círculo Arrow⇈864821C8Upwards Emparejado Arrows⇾870221FERightwards Abrir-Cabeza-Derecha Arrows⇦867821E6Leftwards Hacia la derecha Arrows⇦867821E6Leftwards Blanco Arrow⇡867321E1Upwards Apuntado Arrow⇝866921DDRightwards Garabato FlechaSeleccionada Símbolos de flecha UTF-8
Consideraciones
Microsoft Edge, Internet Explorer 11, Firefox 35 y navegadores más recientes no tienen dificultad para mostrar la gama completa de caracteres Unicode capturados en el estándar UTF-8. Sin embargo, Google Chrome omite algunos caracteres de forma intermitente si se presentan utilizando únicamente el código de entidad HTML5.
UTF-8 sirve como la codificación por defecto para casi el 90 por ciento de todas las páginas web a partir de noviembre de 2018, según Google. El estándar UTF-8 también incluye caracteres más allá de las flechas. Por ejemplo, UTF-8 admite caracteres como:
- Símbolos de moneda
- Símbolos similares a letras que no son letras
- Operadores matemáticos
- Formas geométricas
- Formas similares a cajas
- Dingbats
- Marcas diacríticas
- Caracteres griegos, coptos y cirílicos
El procedimiento para insertar estos símbolos adicionales es exactamente el mismo que para las flechas.