■迷惑メールのないメールアドレス表示方法

EメールアドレスをWebサイトに表示させたい。

でも迷惑メールは受け取りたくない…

画像以外に表示する方法。



※表示させるアドレス

hogehoge@abc.com　とする。

　

【解決方法1】CSSコードの表示方向を反転させる。

・HTMLコーディング

　<p>
　　<span class="codedirection">
　　　moc.cba@rgohegoh
　　</span>
　</p>


・CSSコーディング

　span.codedirection {
　direction:rtl;
　unicode-bidi:bidi-override;
　}

となる。



【解決方法1】display:none; を使用する。

・HTMLコーディング

　<p>
　　hogehoge@
　　<span class="hide">null</span>
　　abc.com
　</p>

・CSSコーディング

　p span.hide { display:none; }



上記2つの表示方法で1年半の間、迷惑メールが全くなかったらしい。

ただし両方とも表示させるためだけのコードなので

実際にコピー・ペーストすると正しいEメールアドレスは表示されない。



■引用元サイト

Webクリエイターボックス

http://www.webcreatorbox.com/tech/display-email-address-without-spam/