個別記事

前後の記事

unicode-bidiでメアドを変換

この記事が属するカテゴリー
CSS

CSS の unicode-bidi プロパティを使ったアイデア。つか、良く思いついたなって感じ。

ネタ元
「 Stu Nicholls | Cutting Edge CSS | Hiding email address 」

文字コードの Unicode では、日本語であれば左から右へ、アラビア語であれば右から左へと言う風に言語により文字方向の表記が決められています。 unicode-bidi プロパティを使えば、これを変える事が出来ます。ネタ元では、これをメールアドレスに適応して、ソース上は逆方向に記述し、CSSの unicode-bidi プロパティによって、見栄えを正しく見せています。ロボットからのメールアドレス収集を防げるかも知れませんね。

メールアドレス： moc.gab-ykcul@ofni

上記の(X)HTMLソースコードは下記のようになっています。

<address>
メールアドレス： <span  class="reverse">moc&#46;gab-ykcul&#64;ofni</span>
</address>

適用しているCSSは下記の通り。

.reverse {
        unicode-bidi:bidi-override; //文字方向の設定を無効
        direction: rtl; //文字方向を右から左に設定
}

本来の使い方ではないかも知れませんが、こういう発想が出来る人ってスゲェなって思っちゃいます。

2005-03-01T13:23:12+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

関連性が高いエントリー 5 件

トラックバック

このエントリーのトラックバックURL:
http://WWW.lucky-bag.com/cgi/mt/mt-tb.cgi/168

"unicode-bidiでメアドを変換"へのトラックバックはまだありません。

コメント

"unicode-bidiでメアドを変換"へのコメントはまだありません。

コメントしてください

コメント内ではタグは一切使えません。コメント内にてタグを表記したい場合は、お手数ですが、文字実体参照を利用して < を &lt; 、> を &gt; とそれぞれ置き換えてください。




保存しますか?


(V) (P)