Cómo ocultar las direcciones de e-mail con CSS
The CSS Playground, el estupendo sitio dedicado a CSS, contiene un truco muy útil para ocultar las direcciones de correo electrónico que aparecen en una página web. Realmente, lo que se oculta es la dirección real en el código fuente de la página. O, mejor dicho, se escribe en orden inverso.
En la página de ejemplo podemos leer la dirección correctamente:stu@s7u.co.ku. Sin embargo, en el código fuente el e-mail está escrito en orden inverso:ku.oc.u7s@uts. Este truco evitaría ‘robar’ el código bien manualmente, o bien por parte de cualquier programa automático, con propósito de enviar spam.
El truco consiste en aplicar la clase ‘backwards‘ a la dirección escrita al revés:
<span class=”backwards”>ku.oc.u7s@uts</span>
Y definir la clase ‘backwards‘, en la hoja de estilo, de la siguiente forma:
.backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;}
Lo que hace que cualquier texto, que tenga aplicado esa clase, se escribirá en orden inverso.
[Gracias José Luis]
También puedes leer:
