スパム回避のために画像をする場合が多いですが、CSSに指定するという手法も有効です。
殆どのメール収集botはhtmlファイルしかクロールしないんじゃないかと思います。CSSにはコンテンツは記述しませんしそんな価値の少ないファイルのクロールにリソースをさくことはあまりしないでしょう。
この方法でいくつかのサイトをコーディングさせていただきましたが、まだスパムメールは一件も来ていません。
.mail:after { content:'mailaddr@gmail.com'; display:inline-block; }
<span class="mail">メールアドレスはこちら:</span>
表示結果
メールアドレスはこちら:
但し、ユーザーがテキストと思い込んでコピーしようとしてできないよ。ってなるのでユーザビリティには欠けます。それは画像と同じですが。
- 関連記事
-
-
FC2ブログテンプレを書き直してみた 2015/10/25
-
「a href」の代わりに「form input」 2015/10/09
-
スパムに目を付けられにくいメールアドレスの表示方法 CSS 2015/08/25
-
片方のカラムはフレキシブル もう一方のカラムは固定幅のコーディング 2015/08/05
-
頭揃えでセンタリングするCSS指定 2015/06/19
-