Todos sabemos que en una página web nunca debemos dejar en formato de texto plano y sin proteger, nombres de direcciones de correo. Cualquier robort spammer que ande por ahí en busca de direcciónes de correo, no tardará mucho en apuntarse las nuestras.
Hay varias formas de Enmascarar direcciones de email y ocultarlas, por ejemplo usando algún código javascript o creando una imagen jpg con el nombre del email.
Per hay una forma de hacerlo, que aunque no sea de las más seguras, si que dificulta bastante su identificación. Para ello usaremos reglas CSS y la propiedad :after.
En nuestro archivo de estilos, por ejemplo default.css, añadimos la siguiente regla:
#em-info:after {
content: "info\40 midominio.com";}Con la regla anterior lo que hacemos es indicar que el valor de la propiedad content se escriba después del texto que tenga el id em-info.
\40 se corresponde con el valor hexadecimal del caracter _@_.
Recordemos que en CSS, los caracteres escapados se representan con una barra invertida “\”, seguido del valor hexadecimal del caracter y un espacio que indicará el final del número. Si sustituimos algunos caracteres más, o incluso todos por su correspondientes valores hexadecimales, podremos hacer más complicado de detectar la dirección de email. Para saber que valores hexadecimales usar, podemos echar un vistazo a esta tabla, o incluso consultar la web de W3C para más información.
Una vez creada la regla CSS, tan solo tenemos que añadir en el código de nuestra página web algo como esto:
<p id="em-info">Email: </p>1/7/2014
2025 Alberto Picado