euro-symbol-design

Una de las pesadillas de un diseñador de themes WordPress, o simplemente del usuario curioso que gusta de traducir themes, es la codificación de caracteres que hace que en ocasiones no se muestren correctamente, dependiendo de la configuración de idioma del navegador de los visitantes a su web.

El modo de evitar que caracteres acentuados, eñes, etcétera, no se muestren correctamente es utilizar las llamadas Entidades HTML, que son el modo de escribir en HTML caracteres propios de cada idioma y que, usándolas, conseguirán que tus caracteres especiales se muestren correctamente independientemente de la codificación utilizada por tus visitantes.

El modo de aplicar correctamente estos códigos HTML es sustituyendo tu carácter especial por su correspondiente. Por ejemplo:

HTML:
  1. á
  2. é
  3. í
  4. ó
  5. ú

pasarían a ser:

HTML:
  1. á
  2. é
  3. í
  4. ó
  5. ú

Y, como no pretendo que te los aprendas todos de memoria aquí te dejo algunos recursos que te facilitarán la vida enormemente:

  1. Códigos HTML - Tabla de caracteres y símbolos
  2. HTMLizer 1.0 - Herramienta online para convertir caracteres especiales a HTML
  3. Simple Code - Otra herramienta similar a la anterior, también online

¡Que lo HTMLices bien!

Compartir en Tuenti Entidades HTML


También te puede interesar :

    8 comentarios en “Entidades HTML”

  1. Información Bitacoras.com...

    Valora en Bitacoras.com: Una de las pesadillas de un diseñador de themes WordPress, o simplemente del usuario curioso que gusta de traducir themes, es la codificación de caracteres que hace que en ocasiones no se muestren correctamente, dependiendo d...

  2. ejner69 (216 comentarios) dijo:

    También se puede usar una codificación UTF-8 sin BOM, que se ve bien tanto en codificación ASCII como en UTF. Programas como Notepad++ permiten seleccionar la codificación y el resultado es excelente.
    Aunque nunca están demás estas indicaciones, gracias ;)

  3. Boloo (15 comentarios) dijo:

    ole ole y ole... yo lo estaba haciendo "a manubrio" el segundo link es lo que necesitaba :P

  4. Efectivamente, con usar una codificación UTF-8 nos evitamos el uso de las dichosas entidades. En el hay que especificar lo siguiente (agregar el "" al final, ya que si lo pongo completo no se muestra aqui en los comentarios):

    meta http-equiv="content-type" content="text/html; charset=UTF-8"

    o bien

    meta http-equiv="content-type" content="application/xhtml xml; charset=UTF-8"

    Obviamente, debemos usar un editor que soporte guardar nuestros archivos en UTF-8; en Windows el NotePad plus plus es mi elección preferida, y en Linux basta con usar el gedit para dicho fin.

    Ah, y si utilizan bases de datos, igualmente procuren usar la misma codificación UTF-8, lo cual nos evita muchos dolores de cabeza.

  5. Hispania (69 comentarios) dijo:

    A mi esa explicación me vino de perlas cuando me lo comentaste en el foro :-)
    Gracias x todo

  6. [...] que hace este código es crear dos funciones que remplazan los caracteres HTML con entidades HTML. Luego, usando la función add_filter() se procesan los comentarios con las funciones recién [...]

  7. [...] activa:Lo que hace este código es crear dos funciones que remplazan los caracteres HTML con entidades HTML. Luego, usando la función add_filter() se procesan los comentarios con las funciones recién [...]

  8. [...] Lo que hace este código es crear dos funciones que remplazan los caracteres HTML con entidades HTML. [...]

Escribe un Comentario

Conectar con Facebook

XHTML: Puedes usar estos códigos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Subir

Participa en el Debate
  • Fernando: Es por feedburner
  • servant: Gracias, no sabia como agregarlo no solo al index.php sino a cada entrada single.php Me...
  • Bodas: Fernando, la solución de feedburner: http://tudominio.com/feed=rss2 &cat=-3,-12 No...
  • juan leyba: alguien sabe si se puede usar archivos .png en vez de jpg??? Necesito que los banners...
  • Vanesa: Perdón Fernando!!!!!! te cambié el nombre XD corrígelo porfa! ;) gracias!!
Noticias Breves
  • El prestigioso diseñador web Rodrigo Galíndez, una vez más nos deleita con un impecable theme WordPress, de calidad premium, pero 100% gratis. Se trata de Modernist, de sutiles detalles minimalistas, con espacios equilibrados y un manejo profesional del blanco. Podés ver la demo y descargarlo aquí.

    [#5]

  • Si usas el plugin Simple Twitter Connect debes saber que desde hace un rato ya está disponible una actualización que incorpora el nuevo botón oficial de Twitter para compartir contenido.

    [#3]

  • Casi sin previo aviso está disponible WordPress 3.0.1 para descarga, de momento solo en inglés, en el sitio oficial. Esta actualización soluciona una cincuentena de pequeños fallos y poco más.

    [#14]


  • Ahora mismo en los FOROS ...
    Únete a la comunidad
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag