Códigos HTML | Caracteres especiales (escapados)

Códigos HTML | Caracteres especiales (escapados)

¿Que tienen en común un chino, un ruso, un español y un italiano? Parece un chiste malo pero me voy a resistir.

El alfabeto chino es distinto al ruso. El ruso muy distinto al griego. E incluso entre las lenguas con un origen común en el latín existen diferencias entre el español, el francés y el italiano.

¿Verdad que resultaría poco práctico que tu navegador almacenara tanta información como para ocupar excesivo espacio en tu ordenador y ser capaz de interpretar todas las webs con contenidos en todos los idiomas del mundo?

Sin embargo un día necesitas una letra en especial porqué te has apuntado a un curso de chino y tu profesor te ha colgado los apuntes en su web y entonces te das cuenta que la has fastidiado porqué parece Matrix.

El chino, el ruso, el español y el italiano todos comparten en común que todos usan exactamente el mismo HTML. Se escribe igual en Peking que en Pokong.

Pero lo que es la prosa, frases, oraciones, palabras… ya es otro cantar. Y cada navegador interpreta lo que puede. El chino lo ve de maravilla en su navegador chino. Tu no ves nada.

Como solución, en html se habilita la posibilidad de identificar cualquier símbolo de forma unequívoca mediante los famosos códigos HTML.

De este modo si nuestro amigo prevé que va a escribir un carácter especial entonces lo hará escapado.

Como moraleja, si alguna vez ves que tu letra ñ está destinada a una web en un país ruso entonces puedes usar el texto ñ

Otros usos de los caracteres especiales

En ocasiones vas a necesitar escribir < o >.

Tu navegador lo entenderá como un error de sintaxis y verás resultados inesperados. Veamos un ejemplo:

Como se visualiza

Me encanta escribir etiquetas html como <a> o <img>

Como es el html en realidad

Ejemplo de texto escrito con códigos html
Ejemplo de texto escrito con códigos html

Códigos html básicos

Es imposible recordar toda la tabla de códigos html y códigos ASCII.

Personalmente cuando tengo dudas me gusta ir a este enlace. Tal vez haya recursos mejores pero a mi este me funciona.

Intento recordar los que suelen dar más problemas o que son de uso habitual

  • < se esribe &lt;    (lower than)
  • > se escribe &gt;  (greater than)
  • » se escribe &quot; (en inglés quotes es comillas)
  • espacio en blanco se escribe &nbsp;  (ver la publicación como escribir espacios en blanco)
  • ® se escribe &reg;
  • © se escribe &copy;
  • € se escribe &euro;

Luego tenemos la familia de los grave; y de los acute;  Por ejemplo:

  • á se escribe &aacute;
  • à se escribe &agrave;
  • Á se escribe &Aacute;
  • À se escribe &Agrave;

Siguiendo la lógica salen todas las vocales.

Qué hacer si no encuentras tu código html

Puede pasar que busques y rebusques y no encuntres.

Olvida el nombre HTML y pásate al número HTML (que viene a ser la misma lógica). Verás que hay más opciones posibles.

Por ejemplo:

  • ; se escribe &#59;
  • = se escribe &#61;
  • ° se escribe &deg; o &#176

¡Hola!

Querido lector,

Debo admitir que el tema de los caracteres escapados siempre me ha costado de asimilar. Aunque si lo piensas bien tiene mucha lógica.

Por ejemplo el símbolo del € no siempre ha existido.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.