Une petite technique CSS qui permet d’éviter de vous faire spamer votre adresse mail au cas ou vous l’afficheriez sur votre page Web, la technique est basée sur les pseudo-éléments ::before et ::after.
- ::before permet de rajouter du contenu avant.
- ::after permet de rajouter du contenu après.
Regardons de plus près le code CSS:
.mail_b::before { content: "monamail";} .mail_a::after { content: "gmail.com";}
Et le code HTML:
<span class="mail_b"></span>@<span class="mail_a"></span>
De cette façon les robots ne verront que le arobase puisque le reste n’existe pas dans le code HTML, mais il y a un inconvénient c’est que le copier / coller ne marche pas ! le presse papier va contenir seulement le @.