Comunidad de diseño web y desarrollo en internet

Configurar tu web para usar UTF-8

El eterno problema de no ver los caracteres de nuestra aplicación web de la manera correcta (tildes, acentos, eñes) desde diferentes plataformas es algo que suele irritar a más de uno cuando se inicia en este desgraciado medio. Sin embargo, no os preocupéis, que desde hace un tiempo elaboramos una lista (salu2 charly!) explicando qué hacer y en dónde para que tanto en la aplicación como en la base de datos se usara UTF-8 para los juegos de caracteres.

He aquí los pasos a tener en cuenta:

1. Cabeceras


En la sección HEAD de la página se especificará el juego de caracteres a usar, lo que se logra escribiendo algo como

Código :

<HEAD>
 <meta name="tipo_contenido"  content="text/html;" http-equiv="content-type" charset="utf-8">
</HEAD>


2. Formularios


Los formularios de la aplicación deberán estar configurados para que los datos que procesen obedezcan a UTF-8, lo cual se hace agregando el parámetro accept-charset con el valor UTF-8:

Código :

<form name="formulario_usuario" method="post" accept-charset="UTF-8">


3. La base de datos


Los datos que se quieran convertir a UTF-8 desde una sentencia deberán obedecer a la siguiente sintaxis en una sentencia SQL (el ejemplo va con un INSERT):

Código :

INSERT INTO tabla VALUES (CONVERT(_latin1'Pepito Pérez' USING utf8), '1', md5("12345"));


Cabe aclarar que estas sentencias no funcionan al momento de hacer un dump desde consola ni por medio de una conexión al server. Usar entonces phpMyAdmin.

4. En el HTML


Para que nuestros textos estáticos muestren caracteres especiales sin problemas, es necesario que dichos caracteres sean escritos con su nombre HTML. Por ejemplo, las vocales minúsculas se escribirían de la sgte manera:

Código :

á => &aacute;
é => &eacute;
í => &iacute;
ó => &oacute;
ú => &uacute;

Para ver un listado completo pueden visitar este sitio, y una vez allí usen la columna HTML name.

5. JavaScript


Bueno, acá se sigue algo parecido al paso anterior (o al menos hasta que encontremos algo más decente). Se usa directamente el carácter en su formato UTF-8, de esta manera las vocales acentuadas y la ñ se ven así:

Código :

á => á
é => é
í => í
ó => ó
ú => ú

ñ => ñ


Espero que el FeedBack por parte de los clabers esté lleno de mejoras, en especial para el 5 punto.

Y en fin, como siempre, igualmente espero que le sea de utilidad a más de uno por ahí.

Cristalab y Mejorando.la te traen el increíble Curso de Estrategia Digital y Marketing. Online, a tu ritmo, con diploma de certificación y clases en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate