HTML5は多くの新機能を追加しました。そのうちの1つは新しい機能です ノアファーレ 属性のキーワード。このキーワードは、関連付けられたリンクが続いたときにHTTPリファラー情報を収集または格納すべきではないことをブラウザに通知します。属性の綴りはnorefeであることに注意してくださいrrHTTPヘッダーとは違って2つのrを持ちますが、これにはrが1つしかありません。 （紹介者の綴り方）
これは、Webデザイナーにとって便利なキーワードです。そのため、サイト参照者情報を渡すリンクを制御できるようになります。言い換えれば、読者はリンクをクリックすることができますが、リンク先のサイトではサイトから来たものは表示されません。
Noreferrerキーワードの使用
使用するには ノアファーレ キーワード、あなたはそれを rel 内部の属性 A または エリア 素子。
2013年現在、 rel = noreferrer キーワードは、すべてのブラウザでサポートされているわけではありません。あなたのウェブサイトがこの情報をブロックする重要な必要性を持っている場合は、プロキシサーバーやその他のソリューションを参照して、サイトの参照情報をブロックする必要があります。
あなたのNoreferrerリンクをテストしてください
このページにアクセスすると、このWebページのリファラーが返されます。その後、 ノアファーレ キーワードをリンクに追加して、ブラウザがサポートしているかどうかを確認してください。
リファラーとノアファーラーのリンクをテストするためにあなたのウェブページを置くHTMLは次のとおりです：
このリンク 〜すべき リファラーを持つこのリンクは ない リファラーを持つ
最初のリンクをクリックすると、次のような返信が表示されます。
http://webdesign.about.com/gi/o.htm?zi=1/XJ&zTi=1&sdn=webdesign&cdn=compute&tm=7&f=22&su=p284.13.342.ip_p504.6.342.ip_&tt=65&bt=3&bts=91&zu=http% 3A // jenn.kyrnin.com / about / showreferer.html
2番目のリンクをクリックすると、次のような返事が表示されます。
あなたが直接ここに来た、またはリフェラーが送られなかった。
私のテストでは、ChromeとSafariの両方が rel = noreferrer FirefoxとOperaは正しく機能しませんでした。私はInternet Explorerをテストしていません。
HTMLリファラーについての詳細情報：
- リファラーとは
- なぜWeb DevlopmentのReferrerは "Referer"と綴られていますか？
- 私のRefererとは|
- ブラウザでRefererをテストする|
- WebページでRefererを使用する方法
- DOMとは何ですか？
リファラーオブジェクト
