<p class="imagen_derecha"><img src="http://farm5.static.flickr.com/4018/4702431962_bd8b830065.jpg" alt="" /></p> <p>Quizás este es un problema que nos ha causado un gran dolor de cabeza y por el cual muchos programadores (incluyéndome) ya han pasado o lo están haciendo. Se trata de la <strong>codificación de caracteres</strong>: cuando nos aparecen esos caracteres extraños y que no deberían estar ahí.</p> <p>Primero que nada, hay que tener claro las diferencias de cada una de las codificaciones más utilizadas y que más acarrea a este problema.</p> <h2>¿UTF-8 o ISO-8859-1?</h2> <ul> <li>La codificación <a href="http://es.wikipedia.org/wiki/UTF-8">UTF-8</a> corresponde a un juego de caracteres universales, contiene signos de la mayoría de los lenguajes del mundo.</li> <li>Por otro lado <a href="http://es.wikipedia.org/wiki/ISO-8859-1">ISO-8859-1</a> maneja caracteres del lenguaje latino como el español, portugués, alemán, francés y otros.</li> </ul> <p>Técnicamente cualquiera de las codificaciones nos sirve, ya que a nivel de nuestro uso en las páginas webs, al comparar una codificación con la otra en el tamaño de los bits que son transferidos, es demasiado inferior para decir cual es la mejor.</p> <p>Preferentemente, yo elijo UTF-8 por seguir la línea y el posicionamiento que ha tomado esta codificación sobre la gran mayoría de sitios que existen. Esto ha acarreado otras cosas, por ejemplo, que existan sitios que al obtiener la información de tu sitio, surge el famoso problema al mostrarla por no ser compatibles con tu codificación.</p> <h2>La solución</h2> <p>La solución al problema radica al momento de guardar el archivo. Si en el <meta> del <head> especificas una codificación, esta debe coincidir con la cual codificas tu archivo.</p> <p><img src="http://farm5.static.flickr.com/4004/4702431918_f58d16d304_b.jpg" alt="" /></p> <p><img src="http://farm5.static.flickr.com/4002/4701797823_07a5272f4d.jpg" alt="" /></p> <p>Es muy simple, pero cuesta descifrarlo. Quizá con algo de experimentación te darás cuenta de que trata.</p> <h2>Solución a la codificación UTF-8</h2> <p>Metatag en la cabecera del HTML (entre <head> y </head>):</p> <pre class="codigo"><span class="c1"><span class="c2"><span class="c3"><span class="c4"><span class="c5"><meta <span>http-equiv</span>="<span>content-type</span>" <span>content</span>="<span>text/html; charset=utf-8</span>" /></span></span></span></span></span></pre> <p>Codificación al momento de guardar tu archivo: <strong>UTF-8</strong>.</p> <p>Si existe la opción <strong>UTF-8 sin bom</strong>, úsala. En mi experiencia he tenido problemas sin esta opción con archivos PHP independientes que se conectan a través de la función include().</p> <h2>Solución a la codificación ISO-8859-1</h2> <p>Metatag en la cabecera del HTML (entre <head> y </head>):</p> <pre class="codigo"><span class="c1"><span class="c2"><span class="c3"><span class="c4"><span class="c5"><meta <span>http-equiv</span>="<span>content-type</span>" <span>content</span>="<span>text/html; charset=iso-8859-1</span>" /></span></span></span></span></span></pre> <p>Codificación al momento de guardar tu archivo: <strong>ANSI</strong>.</p> <h2>Aclaraciones</h2> <p><strong>No es necesario utilizar las entidades HTML</strong> para lograr lo que se quiere a exepción de &gt;, &lt; y &quot; que pueden interferir en la sintaxis del mismo. Lo menciono porque algunos las utilizan convirtiendo todos sus textos para dar solución al problema erróneamente.</p> <p><strong>En conclusión</strong>: Asegura que la codificación del archivo guardado coincida con la especificada en el metatag. Puedes usar todos los acentos y caracteres extraños que quieras.</p> <p>Estas condiciones valen para cualquier tipo documento.</p>
o salir
¡Amigo! te demorarás 10 segundos en crear tu cuenta.
Crear cuenta o acceder
Nick o e-mail Es el nombre visible de tu cuenta y te servirá para acceder a ella. Permitido espacios y cualquier caracter.
Contraseña Una clave única para acceder a tu cuenta.
Transcribe el código en la dirección indicada con el fin de evitar el SPAM.
Identificación Tu identificación es el nick o el e-mail de tu cuenta.
Contraseña La clave de tu cuenta. ¿No la recuerdas?
Recordar por diez días
Disfrutarás de todos los beneficios de DocumentoWeb.
Twitter Facebook Feed RSS
www.DocumentoWeb.com - Licencia Creative Commons