Escrito por Alberto Quintero el Domingo, 25 Julio 2010. Categoría Blog
En muchas ocasiones nos encontramos con el problema de tener caracteres extraños dentro del código HTML. Unas veces éstos se muestran solo en pantalla, otras solo después de hacer una consulta a la base de datos, otras cuando recuperamos datos mediante ajax, otras en los mensajes que lanzamos al usuario vía Javascript, y en otros casos, los caracteres extraños se muestran únicamente dentro del código fuente, en por ejemplo los comentarios dentro del código HTML.
Todos estos problemas tienen un común denominador el caracter: "�" u otros caracteres parecidos, aunque no todos estos problemas tienen la misma causa, e incluso algunos de ellos tienen varias causas al mismo tiempo. Pero desgranemos cada una de estas causas... como decía Jack el destripador, vayamos por partes...
En este caso la aparición de caracteres extraños puede tener que ver con:
En principio, el tipo de codificación por defecto que suelen aplicar todos los programas tipo dreamweaver, panic coda, textmate, etc... es la iso-8859-1, es decir, si echamos un vistazo al código podremos ver escrita una meta como esta:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head>
Aunque en la actualidad, por razones de compatibilidad con la máxima cantidad de idiomas, existe la tendencia a utilizar la codificación (charset) UTF-8, este tipo de charset (iso-8859-1) en la meta no debería de darnos problemas, a no ser que nuestra página fuera en japonés, en cuyo caso, si deberíamos utilizar la codificación UTF-8, o si o SI. La causa de los caracteres extraños por tanto estará, en la interpretación que el navegador haga de lo que recibe del servidor a través de la cabecera HTTP, y las palabras dentro del texto mostrado.
Los navegadores modernos no utilizan por defecto ninguna codificación, aunque si utilizan UTF-8 en todas las urls o variables que se pasan por la url. Sin embargo, en algunos navegadores más antiguos, caracteres como la Ñ, o las distintas tildes, aún hacen que se muestren los caracteres extraños.
SOLUCIÓN: utilizar lo que se llama caracteres especiales. Por ejemplo, en el caso de la ñ utilizaríamos algo como: ñ o en el caso de la á acentuada utilizaríamos á.
La mayoría de programas para escribir código HTML convierten, incluso de manera automática como dreamweaver, los caracteres especiales. No obstante, a continuación una pequeña lista de caracteres especiales que puedes emplear en tus texto:
| Á Á | À À É É | È È Í Í | Ì Ì Ó Ó | Ò Ò Ú Ú | Ù Ù á á | à à é é | è è í í | ì ì ó ó | ò ò ú ú | ù ù | ¼ ¼ ½ ½ | ¡ ¡ ¾ ¾ | £ £ © © | ¥ ¥ ® ® | § § ª ª | ¤ ¤ ² ² | ¦ ¦ ³ ³ | « « ¹ ¹ | ¬ ¬ ¯ ¯ | ­ µ µ | º º ¶ ¶ | ´ ´ · · | ¨ ¨ ° ° | ± ± ¸ ¸ | » » ¿ ¿ | × × | ¢ ¢ ÷ ÷ | € € “; “ | ™ ™ ” ” | ‰ ‰ Œ Œ | ƒ ƒ ‡ ‡ | † † |
Existe otra manera más de escribir caracteres especiales, y es mediante código ASCII, que es exactamente la única manera en la que podemos escribir ñ para que se vea en pantalla tal cual, sin que sea interpretada directamente como Ñ por el navegador. El código ASCII se utiliza también para escribir las etiquetas HTML, por ejemplo, para dar instrucciones al usuario sobre que tipo de código utilizar para insertar algo de código, sin que igualmente sean interpretadas directamente por el navegador como tales etiquetas. En este link podrás encontrar una lista completa de caracteres en código ASCII.
En este caso...
En este caso...
En este caso...
En este caso...
Me llamo Alberto Quintero y soy la persona que está detrás de este blog. Llegué al mundo de la programación y el diseño web tras ser engañado por un webmaster, que se quedó con todo mi dinero y me dejó sin web, lo que propició que me pusiera a estudiar los distintos lenguajes de programación para poder hacérmela yo mismo. [...]
Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla
Sistemas de Manejo de Contenidos (CMS); XHTML, Maquetación (CSS);
Javascript; PHP; Optimización Buscadores (SEO); AJAX; MooTools, JQuery, XML
Comentarios (0)