Error con un carácter en Hoteles Globales

La página de Hoteles Globales presenta un curioso error, aparece escrito “amp;” en vez del carácter que debe aparecer, “&”:

hoteles-globales-detalle

 

La razón es bien sencilla, en el código está mal escrito, debería ser “&”:

hoteles-globales

 

En realidad, si el juego de caracteres está bien elegido, no hay que escribir “&”, “aacute;” o “ñ”: si se elige correctamente el juego de caracteres (y en esta página está bien elegido, usan UTF-8), los caracteres “especiales” se pueden escribir directamente (cuando se usa UTF-8, el concepto de “carácter especial” ya no existe).

Y por cierto, menuda sección de meta keywords que tiene la página, “es la madre de todos los keywords”:

 

hoteles-globales-keywords

Documentación del W3C sobre el juego de caracteres

Sobre el juego de caracteres he escrito varias veces porque es un problema muy típico:

El W3C tiene un apartado muy extenso a la internacionalización de sitios web y a cómo se debe indicar el juego de caracteres en diferentes tecnologías, como HTML y CSS: Internationalization Techniques: Authoring HTML & CSS.

Y por último, unos vídeos que publiqué sobre este tema hace unos meses:

HTML: juego de caracteres:

[kml_flashembed movie=”http://www.youtube.com/v/_MwDNB3jOx0″ width=”560″ height=”315″ wmode=”transparent” /]

HTML: el juego de caracteres y los editores de texto:

[kml_flashembed movie=”http://www.youtube.com/v/4vF41rQU_4Y” width=”560″ height=”315″ wmode=”transparent” /]

HTML: ¿migrar a un nuevo juego de caracteres?:

[kml_flashembed movie=”http://www.youtube.com/v/erNmaW-_tNM” width=”560″ height=”315″ wmode=”transparent” /]

Tabla de caracteres de Unicode

Unicode es el juego de caracteres universal que resuelve la mayor pesadilla de los informáticos, trabajar con diferentes juegos de caracteres.

En el sitio web oficial de Unicode, The Unicode Consortium, podemos encontrar las Character Code Charts, pero no son cómodas de manejar cuando buscas un carácter concreto porque está organizada por idiomas.

En Unicode character table han juntado todos los caracteres en una sola tabla.

Y por último, unos vídeos que publiqué sobre este tema hace unos meses:

HTML: juego de caracteres:

[kml_flashembed movie=”http://www.youtube.com/v/_MwDNB3jOx0″ width=”560″ height=”315″ wmode=”transparent” /]

HTML: el juego de caracteres y los editores de texto:

[kml_flashembed movie=”http://www.youtube.com/v/4vF41rQU_4Y” width=”560″ height=”315″ wmode=”transparent” /]

HTML: ¿migrar a un nuevo juego de caracteres?:

[kml_flashembed movie=”http://www.youtube.com/v/erNmaW-_tNM” width=”560″ height=”315″ wmode=”transparent” /]

El juego de caracteres recomendado

¿Qué juego de caracteres hay que usar en las páginas web? ¿ISO-8859-1? ¿Windows-1252?

Pues no, el juego de caracteres recomendado es UTF-8, y así se explica en el documento Encoding Standard de WHATWG. Según este documento, UTF-8 se puede representar con las siguientes etiquetas:

  • unicode-1-1-utf-8
  • utf-8
  • utf8

No me equivoqué al recomendar UTF-8 en mi vídeo HTML: juego de caracteres:

[kml_flashembed movie=”http://www.youtube.com/v/_MwDNB3jOx0″ width=”560″ height=”315″ wmode=”transparent” /]

El flujo del juego de caracteres a lo largo de una aplicación

El juego de caracteres es la pesadilla de cualquier informático. Desgraciadamente, es un problema que heredamos desde los orígenes de los ordenadores y que parece que no nos lo vamos a poder quitar de encima…

Hace años encontré el artículo Juegos de caracteres: ASCII, CP850, ISO-8859-15, Unicode, UTF-8, etc que explica con todo lujo de detalle, y sin dejar ningún fleco, qué son los juegos de caracteres y cómo nos afectan en informática.

Ahora he encontrado dos artículos muy interesantes:

Y por último, unos vídeos que publiqué sobre este tema hace unos meses:

HTML: juego de caracteres:

[kml_flashembed movie=”http://www.youtube.com/v/_MwDNB3jOx0″ width=”560″ height=”315″ wmode=”transparent” /]

HTML: el juego de caracteres y los editores de texto:

[kml_flashembed movie=”http://www.youtube.com/v/4vF41rQU_4Y” width=”560″ height=”315″ wmode=”transparent” /]

HTML: ¿migrar a un nuevo juego de caracteres?:

[kml_flashembed movie=”http://www.youtube.com/v/erNmaW-_tNM” width=”560″ height=”315″ wmode=”transparent” /]