Artículos
HTML

Utilizar la ñ en HTML

25/Ene/2010

Es posible que te hayas encontrado en un caso en el que has creado alguna página web en la que has querido utilizar la ñ en HTML y cuando la has ido a visualizar en algún navegador en concreto no se visualizaba de la forma correcta.

Y es que a la hora de escribir documentos HTML y publicarlos en la web tenemos que tener en cuenta que, estos, son susceptibles de ser visualizados por personas de muchos sitios. Y que estas personas tendrán diferentes configuraciones de sus navegadores. Es por ello que tenemos que prestar especial atención cuando utilicemos símbolos especiales de los idiomas.

Para ello dentro de la especificación del lenguaje HTML nos permite jugar con diferentes tipos de codificaciones mediante los juegos de caracteres o charset.

El problema de encontrar caracteres que no están soportados si utilizamos codificaciones de locales, como puede ser el caso de la ISO-8859-1. Esta especificación contempla el alfabeto español, por lo tanto si que contempla el uso de la letra ñ.

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

Pero, qué sucede si queremos que páginas que tengan otras codificaciones puedan ver la letra ñ, letra que solo encontramos en el alfabeto español. Así, si queremos utilizar la ñ en nuestros documentos HTML, lo mejor que podemos hacer es utilizarla como entidad HTML. Para ello, en vez de escribirla directamente la deberíamos de escribir utilizando la estructura de las entidades HTML:

&codigo;

En este caso el código de la letra ñ es #209 o Ntilde para representar la letra ñ en mayúsculas:

&#209;
&Ntilde;

O el código #241 o ntilde para representar la letra ñ en minúsculas:

&#241;
&ntilde;

De esta forma podríamos tener textos HTML dentro de nuestra página como…

La capital de Espa&ntilde;a es Madrid

…que se visualizaría de la siguiente forma:

🖥️ La capital de España es Madrid

Otra opción, siempre y que podamos, es utilizar una codificación UTF-8, que nos evita estos problemas y en este caso podemos incluir directamente la letra ñ escrita por teclado ya que es soportada dentro del alfabeto unicode UTF-8.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Así ya conocemos los puntos de cuidado que tenemos que tener a la hora de poder utilizar la ñ en HTML de una forma correcta.

 

Código Fuente

Descárgate el código fuente de Utilizar la ñ en HTML
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Utilizar la ñ en HTML

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Notificar de
guest
22 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios