Acentos en HTML

A veces nos encontramos codificando HTML con caracteres que no se muestran correctamente: acentos, tildes, eñes…. os pongo una lista de los más problematicos con su traducción:

  • < ( Menor que ): &lt;
  • > ( Mayor que ): &gt;
  • & (símbolo de and , o ampersand ): &amp;
  • ” ( comillas dobles ): &quot;
  • á: &aacute;
  • é: &eacute;
  • í: &iacute;
  • ó: &oacute;
  • ú: &uacute;
  • Á: &Aacute;
  • É: &Eacute;
  • Í: &Iacute;
  • Ó: &Oacute;
  • Ú: &Uacute;
  • ü: &uuml;
  • Ü: &Uuml;
  • ñ: &ntilde;
  • Ñ: &Ntilde;
  • ¿: &#191;
  • ¡: &#161;

Por supuesto si estáis en php, lo tenéis más facil: html_entities($string);

About Antonio García

Comments

10 Responses to “Acentos en HTML”
  1. SpaceOperaVictim dice:

    Y uno que no puede faltar en esta colección   EL ESPACIO EN BLANCO!.
    Parece baladí, pero ni de coña. Q se lo pregunten a cualquier maqueta.

  2. SpaceOperaVictim dice:

    NO SALE!
    & n b s p ;

    a ver ahora…

  3. led-zep dice:

    Si quieres mostrarlo usa el símbolo del ampersand!!!
    &nbsp;

    Lo habrías averiguado si hubieras cotilleado el codigo fuente del post, otra herramienta fundamental de cualquier diseñata (JUAS!)

  4. M@rkés, The man who can´t fly dice:

    Eeeeh … ¿no lo hay de limón?

  5. Lord Kanington dice:

    De todas formas…yo últimamente ya no uso códigos para los acentos o las eñes, en todos los navegadores principales funcionan perfectamente.

  6. David dice:

    UTF-8 :P

  7. led-zep dice:

    Decidselo a los mamonazos de Borland, que han hecho el Delphi for PHP sin tener esta minucia en cuenta…

    Si por algo lo puse en horas de curro!!!

  8. sergio dice:

    muchas gracias!!!!!!!!!!!!!!!

Trackbacks

Check out what others are saying about this post...
  1. C dice:

    [...] te ayude, Acentos en HTML | garci.es Saludos. Mi blog http://www.tecnobita.com – Twitter: @Conkerick Responder Citando   [...]

  2. Anónimo dice:

    [...] http-equiv="content-type" charset="utf-8"> Introducir manualmente los caracteres especiales en HTML con cada una de dlas tres codificaciones diferentes. Escribir el texto en mi TextEdit y copiarlo [...]



Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!