at backyard

Color my life with the chaos of trouble.

data-cfemailというHTML属性と[email protected]という文字列について調べてみた

先日 data-cfemail という見慣れないHTML属性を見た。これは a タグで囲われており、囲われている中のテキストは [email protected] という文字列が表示されている。
また /cdn-cgi/l/email-protection へのリンクにもなっている。

内容としては表示されている文字列の通りで、Emailアドレスの収集をbotから行われるのを阻止する機能のようで、Cloudflareが提供している機能であるようだった。
(だから data-cfemail というように cf がついているのか)

ちなみに挙動としてはサイトにアクセスするなどしてHTMLがすべて描画されている状態で確認すると表示されるべきアドレスは表示されるが、 ページのソースを表示 などでHTMLのソースを直接表示すると、 [email protected] という文字列に置き換えられるようだ。

参考にしたサイト

stackoverflow.com

did2memo.net

https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-support.cloudflare.com