Cómo insertar símbolos de flecha en su página web

Este artículo explica cómo insertar flechas (y otros símbolos) en una publicación de blog o en el HTML de una página web usando el editor o plataforma de su elección. Estas pulsaciones de teclas se basan en Unicode, que navegadores web reconocer y convertir en los símbolos deseados.

Cómo hacer una flecha para su página web

Necesitará uno de los tres identificadores: el HTML5 código de entidad, el código decimal o el hexadecimal código. Cualquiera de los tres identificadores 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 + Punto y coma, 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 hacia la izquierda (←), escriba cualquiera de las siguientes combinaciones:

• HTML:

  ←

• Decimal:

  ←

• 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 agregar los símbolos a un editor visual no funcione y que pegar el carácter Unicode que desee en un editor visual no produzca el efecto deseado. Por ejemplo, al escribir una publicación de blog usando WordPress, cambiar a Editor de código modo en lugar de Editor visual modo para insertar un símbolo especial.

Símbolos de flecha comunes

Unicode admite docenas de tipos y estilos de flechas. Mire el mapa de caracteres en su computadora para identificar estilos específicos de flechas.

Para abrir el mapa de caracteres, seleccione Comienzo > Todos los programas > Accesorios > SistemaHerramientas > Mapa de caracteres (o seleccione Ventanas y entrar mapa de caracteres en el cuadro de búsqueda).

Cuando resalte un símbolo, verá una descripción del símbolo 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.

Tenga en cuenta que no todos Fuentes de Windows mostrar todas las formas de los símbolos Unicode, por lo que 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 para W3Schools.

Símbolos de flecha UTF-8 seleccionados
Personaje	Decimal	Hexadecimal	Entidad	Nombre estandarizado
←	8592	2190	←	flecha izquierda
↑	8593	2191	↑	flecha hacia arriba
→	8594	2192	→	flecha correcta
↔	8595	2194	↔	flecha hacia abajo
↕	8597	2195	flecha arriba abajo
↻	8635	21BB	flecha de círculo abierto en el sentido de las agujas del reloj
⇈	8648	21C8	flechas emparejadas
⇾	8702	21FE	flecha derecha de cabeza abierta
⇶	8694	21F6	tres flechas hacia la derecha
⇦	8678	21E6	flecha blanca izquierda
⇡	8673	21E1	flecha punteada hacia arriba
⇝	8669	21DD	flecha ondulada derecha

Consideraciones

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

El estándar UTF-8 también incluye caracteres más allá de las flechas. Por ejemplo, UTF-8 admite caracteres que incluyen:

• Símbolos de moneda
• Símbolos similares a letras que no son letras
• Operadores matemáticos
• Formas geométricas
• Formas en forma de caja
• 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.