sábado, 25 de mayo de 2013

Problemas html acentos y eñes: charset UTF-8 / ISO-8859-1

La codificación de las páginas web (charset) es un problema recurrente para los webmasters, porque:
  • Depende del editor en que se haya hecho la web, si en el trabajamos por defecto en UTF-8 o ISO-8859-1. Si el archivo original estaba escrito en ISO-8859-1 y lo editamos en UTF-8, veremos los caracteres especiales mal codificados. Si guardamos ese archivo tal cual, estaremos corrompiendo la codificación original (se guardará mal, con UTF-8). Y viceversa.
  • Depende de la configuración del Apache.
  • Depende de si hay un archivo oculto .htaccess en el directorio raíz que sirve nuestra web (httpdocs, public_html o similar)
  • Depende de si se especifica en las etiquetas META de los HTML resultantes.
  • Depende de si se especifica en la cabecera de un archivo PHP.
  • Depende del charset elegido en la base de datos (si se usa una base de datos para mostrar contenidos con un CMS, tal como Joomla, Drupal, phpNuke, o una aplicación propia que sea dinámica).
Por lo general, si nunca tienen que aparecer acentos o eñes en nuestra web, nos es indiferente la codificación (aunque pueden haber otros símbolos que nos fastidien). Aunque si nuestra web está en español, lo más normal es que coloquemos acentos y eñes. Para ello, el estándar HTML está preparado para colocar todos los símbolos y acentos que nos sean necesarios, codificándolos. Así, para los acentos y eñes, deberíamos colocar:

á -> á
é -> é
í -> í
ó -> ó
ú -> ú
ñ -> ñ

Variantes valenciano-catalán-balear para acentos abiertos:

à -> à
è -> è
ò -> ò
De este modo, veremos todos caracteres correctamente, independientemente del charset.
Sin embargo, puede ser tedioso para ciertos contenidos tener que ir traduciendo nosotros manualmente los caracteres. Es en estos casos donde vale la pena perder un poco de tiempo para ajustar las distintas configuraciones.

Primero, habría que determinar en nuestra web con las etiquetas META que nuestra web debe servirse en la codificación que nosotros elijamos. O sea, dentro de :
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
o bien
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Para mi me funciono el primer código y de esa forma uno agrega los acentos y el explorador te los incluye automáticamente

<htlm>
<head>
<title>PAgina con asentos</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Mi pagina con acento ortográfico
</body>
</html>

espero que les sirva...!!

viernes, 24 de mayo de 2013

Hola a Dragones UTH!

Hola amigos este es mi primer post en el blogger, y compartiré mis conocimientos con Uds y proporcionar algunos tutoriales, sistemas o software que sea de utilidad para el desarrollo académico.

Me presento a mi manera me llamo Adalberto Alejandro Caravantes Diaz, estudio en la Universidad Tecnológica de Huejotzingo, estudio Tecnologías de la información y la comunicación: Área de Sistemas.




Para compartir un poco mas de la universidad pueden conocer la pagina de la universidad

Pagina Universidad Tecnológica de Huejotzingo