AntiSpam de correo vía CSS

Uno de los grandes problemas que en muchas ocasiones me encuentro es cómo poner una dirección de correo en una página web…

Hace un tiempo que un amigo me mandó un sistema que utilizaba y que he estado buscando y he encontrado de dónde podría haber salido, y la verdad es que la idea es muy buena, ya que hoy en día todos venimos utilizando XHTML y CSS… incluso, sólo con CSS ya sería posible hacerlo.

La idea es usar el sistema con un ID de estilo:

parte CSS

/* \40 se convierte en «@» */
#email:after {
    content: » <usuario\40dominio.ext>»;
}

parte HTML

<div id=»email»>Contacto:</div>

O usar el TAG <address>:

CSS code

/* \40 se convierte en «@» */
address:after {
    content: » <usuario\40dominio.ext>»;
}

parte HTML

<address>Contacto:</address>

En fin, si tienes el CSS separado en un fichero separado, funciona perfectamente y vas a ver algo como:

Contacto: <usuario@dominio.ext>