Manual de HTML - Caracteres especiales

5. Caracteres especiales

Existen algunas limitaciones para escribir el texto. Una de ellas es debido a que las etiquetas se forman como un comando escrito entre los símbolos "<" y ">". Por tanto, si se quisieran escribir estos caracteres como parte normal del texto, daría esto lugar a una ambigüedad, ya que el programa navegador podría interpretarlos como el comienzo o final de una etiqueta, en vez de un carácter más del texto.

Para resolver este problema, existen unos códigos para poder escribir estos caracteres y otros relacionados con las etiquetas.

&lt; para < (less than, menor que) 
&gt; para > (greater than, mayor que) 
&amp; para & (ampersand) 
&quot; para " (double quotation)

Como se ve, estos códigos empiezan siempre con el signo & y acaban siempre con ;
De una manera similar, existen códigos para escribir letras específicas de distintos idiomas. Hay muchos de ellos, pero, lógicamente, los que más nos interesan son los propios del castellano (las vocales acentuadas, la ñ y los signos ¿ y ¡ )
Los códigos de las vocales acentuadas se forman comenzando con &, seguido de la vocal en cuestión, seguido de la palabra acute (aguda) y terminando con el signo ;

&aacute; para la á 
&eacute;
para la é 
&iacute;
para la í 
&oacute;
para la ó 
&uacute;
para la ú 
&Aacute;
para la Á 
&Eacute;
para la É 
&Iacute;
para la Í 
&Oacute;
para la Ó 
&Uacute;
para la Ú

El resto de los códigos son:

&ntilde; para la ñ 
&Ntilde;
para la Ñ 
&uuml;
para la ü 
&Uuml;
para la Ü 
&#191;
para ¿ 
&#161;
para ¡

Todo esto, que como se ve es muy laborioso, puede parecer inútil ya que si escribimos nuestro texto sin hacer ningún caso de estas convenciones, escribiendo las letras acentuadas y demás signos directamente, es muy posible que el resultado lo veamos correctamente en nuestro navegador, pero nunca podremos estar seguros que les ocurra lo mismo a todos los que accedan a nuestras páginas con otros navegadores distintos.
En la práctica, el problema no es tan grave, pues los programas editores de HTML suelen tener la posibilidad de escribir los códigos automáticamente (como es el caso del utilizado para confeccionar este manual, FrontPage).

Incluso si se escribe en un procesador de textos de forma manual, se puede escribir el texto en una primera etapa de forma normal y luego aplicarle algún de los programas que hacen la conversión adecuada.

Ejemplo práctico

Como ejercicio de este capítulo vamos a sustituir en el ejemplo práctico del capítulo anterior (mipag4.html) las vocales acentuadas por sus correspondientes códigos. Quedará de esta manera:

<HTML> 
<HEAD> 
<TITLE>
Mi p&aacute;gina del Web - 4 </TITLE> 
</HEAD> 
<BODY> 
<CENTER> <H1>
Mi p&aacute;gina del Web </H1> </CENTER> 
<HR> Esta es mi p&aacute;gina del Web. No es muy extensa, pero tiene todos los elementos b&aacute;sicos. Espero que os guste. Poco a poco le ir&eacute; a&ntilde;adiendo m&aacute;s cosas interesantes. 
<P> <A HREF="mipag2.html"> <IMG SRC="hombre.gif"> </A> Mis aficiones 
<P> <A HREF="mipag3.html"> <IMG SRC="casa.gif"> </A> Mis p&aacute;ginas favoritas 
<CENTER>
 <H3>
Un lugar ideal para mis vacaciones </H3> 
<IMG SRC
="isla.gif" ALT="isla"> 
</CENTER> 
</BODY> 
</HTML>

Guardamos el fichero de texto con el nombre mipag5.html y lo cargamos en el navegador. Este es el resultado.


WebMaestro: http://wmaestro.com/webmaestro - © Francisco Arocena