¿Cómo utilizar la ñ, acentos y espacios en blanco en HTML 5?

Cuando publicamos nuestro sitio web debemos tener en cuenta que podrá ser visualizado en cualquier parte del mundo donde las configuraciones de los navegadores son muy diferentes, es por esto último que tenemos que prestar mucho atención cuando utilizamos un idioma que tenga caracteres especiales.

Al utilizar el idioma español en nuestro sitio web nos encontramos con las tildes, la letra ñ, entre otros caracteres especiales del idioma; si añadimos la etiqueta <meta charset=”utf-8″/> especificando la codificación local nos quitamos un gran peso de encima, indicando al navegador como debe interpretar los caracteres especiales en nuestro sitio web.

Hay momentos (dependiendo de las características del proyecto) donde vamos a utilizar un tipo de codificación distinta a la habitual pero aún así queremos mostrar los caracteres especiales del idioma español, esto es posible de la siguiente manera:

Para la letra Ñ / ñ
Estructura: & [la letra] tilde;
Ejemplo: Español / ESPAÑOL

<p>Espa&ntilde;ol</p>
<p>ESPA&Ntilde;OL</p>

Para las tildes
Estructura: & [letra a poner el acento] acute;
Ejemplo: Canción

<p>Canci&oacute;n</p>

Para los espacios en blanco
Estructura: &nbsp;
Ejemplo: Cualquier texto

<p>Cualquier&nbsp;texto</p>
Like what you read? Give Anthony Hurtado a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.