lunes, 5 de mayo de 2014

HTML: Caracteres especiales

Muchas veces necesitamos incluir en nuestros textos, signos que tienen un significado especial en HTML (por ejemplo "<" menor que). Para poder mostrarlos, debemos usar su nombre en código. Por ejemplo para mostrar el signo "<" debemos escribir "&lt;". El uso más común de los caracteres especiales es el espacio en blanco. Si en un texto figuran 5 espacios en blanco seguidos, HTML automaticamente borra 4. Para ingresar espacios en blanco usamos "&nbsp;" y HTML los dejará en su lugar. Los símbolos afectados por esta limitación, y la forma de escribirlos, se detallan a continuación:
  • < ( Menor que ): &lt;
  • > ( Mayor que ): &gt;
  • & (símbolo de and , o ampersand ): &amp;
  • " ( comillas dobles ): &quot;
Es decir, que para escribir literalmente <"> en nuestro texto HTML original debemos poner &lt;&quot;&gt; . Otro caso especial se da cuando en un texto HTML se quiere escribir una vocal acentuada o por ejemplo una eñe. Para escribirlos siempre hay que comenzar con el símbolo & , y terminar con un punto y coma ( ; ). Entre medias va un identificador del carácter que queremos que se escriba. Las correcciones necesarias en nuestro idioma (Español) son:
    • á: &aacute;
    • é: &eacute;
    • í: &iacute;
    • ó: &oacute;
    • ú: &uacute;
    • Á: &Aacute;
    • É: &Eacute;
    • Í: &Iacute;
    • Ó: &Oacute;
    • Ú: &Uacute;
    • ü: &uuml;
    • Ü: &Uuml;
    • ñ: &ntilde;
    • Ñ: &Ntilde;
      Como puede verse, las vocales acentuadas se identifican añadiendo el sufijo acute a la vocal sin acentuar (puesto que se trata de un acento agudo). Para la u con diéresis y la eñe se usan uml tras una u y tilde detrás una ene, respectivamente. Para evitar tener que estar pendiente de cuando escribimos alguna vocal acentuada o eñe en nuestras páginas web, podemos especificarlo dentro de las etiquetas <head></head> con las etiquetas META que nuestra web debe servirse en la codificación que nosotros elijamos : <meta charset="utf-8" />