La Web Antes de los Emojis: Inserción de símbolos Unicode en su página web

La Web Antes de los Emojis: Inserción de símbolos Unicode en su página web

La Web Antes de los Emojis: Inserción de símbolos Unicode en su página web

VALORACIÓN DEL ARTÍCULO:
5/5

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.

TAMBIÉN TE INTERESA

Nothing Phone (3)

Otra vez que nos deja en shock: se presenta el Nothing Phone (3)

Siempre causa mucha expectativa el lanzamiento de productos por parte de quien suele hacer las cosas diferentes. Y ese alguien en la industria de los smartphones es Nothing. Tecnonautas siempre ha seguido muy de cerca todo lo que ha salido de esta firma, simplemente por funcionar y por ser diferente al resto. Y ahora llega

Inteligencia Artificial Generativa y deporte

Inteligencia Artificial Generativa y deporte: una relación que va tomando forma…

El deporte, tradicionalmente anclado en la emoción del directo en la televisión en directo en los estadios, está entrando en una nueva era digital, profundamente influenciada por la inteligencia artificial (IA). Inteligencia Artificial Generativa y deporte están yendo de la mano y es la relación del momento para las generaciones jóvenes. Así lo concluye el

vivo X200 FE

Vivo X200 FE: fuera caretas con esta nueva gama alta

La marca vivo, siempre muy identificada con móviles accesibles, se quita la carea para presentar el nuevo vivo X200 FE, un dispositivo que busca conquistar a los usuarios que quieren rendimiento premium sin renunciar a la comodidad. Con una cámara desarrollada junto a ZEISS, batería de larga duración, una pantalla de alto nivel y un

videovigilancia camara AOV PT

La cámara AOV PT: un motivo para irse tranquilo de vacaciones

El verano es sinónimo de descanso, desconexión y viajes. Pero también de preocupación y seguro que las siglas de la cámara AOV PT ayudan a combatir ese sentimiento. Casas vacías, negocios con menos actividad y propiedades que quedan fuera del radar diario se convierten en un blanco fácil para robos o actos vandálicos. En este