ขอให้เบราว์เซอร์ไม่ผ่านข้อมูลผู้อ้างอิง
HTML5 ได้เพิ่ม คุณสมบัติใหม่มากมาย และหนึ่งในนั้นคือคำหลัก noreferrer ใหม่สำหรับแอตทริบิวต์ คำหลักนี้บอกเบราว์เซอร์ว่าไม่ควรรวบรวมหรือจัดเก็บข้อมูลอ้างอิง HTTP เมื่อลิงก์ที่เชื่อมโยงอยู่ โปรดทราบว่าแอตทริบิวต์สะกดด้วย norefe rr er โดยมี rs สองอันซึ่งแตกต่างจากส่วนหัว HTTP ซึ่งมีเพียง r ( วิธีสะกดผู้อ้างอิง )
นี่เป็นคำสำคัญที่เป็นประโยชน์สำหรับนักออกแบบเว็บเพื่อให้คุณสามารถควบคุมสิ่งที่คุณเชื่อมโยงผ่านข้อมูลแนะนำเว็บไซต์ของคุณไปที่
กล่าวอีกนัยหนึ่งผู้อ่านสามารถคลิกลิงก์ แต่ไซต์ปลายทางจะไม่เห็นว่ามาจากไซต์ของคุณ
การใช้คำหลัก Noreferrer
หากต้องการใช้คำหลัก noreferrer คุณจะใส่แอตทริบิวต์ rel ในส่วน A หรือ AREA
ในปี 2013 คำหลัก rel = noreferrer ไม่ได้รับการสนับสนุนในเบราว์เซอร์ทั้งหมด หากเว็บไซต์ของคุณมีความจำเป็นอย่างยิ่งที่จะต้องปิดกั้นข้อมูลนี้คุณควรดูที่พร็อกซีเซิร์ฟเวอร์และโซลูชันอื่น ๆ เพื่อบล็อกข้อมูลผู้อ้างอิงในเว็บไซต์ของคุณ
ทดสอบลิงก์ Noreferrer ของคุณ
หากคุณไปที่หน้านี้ควรกลับมาเป็นผู้อ้างอิงของเว็บเพจนี้ จากนั้นคุณสามารถเพิ่มคำหลัก noreferrer ลงในลิงก์และทดสอบเบราว์เซอร์ของคุณเพื่อดูว่าพวกเขาสนับสนุนหรือไม่
นี่คือ HTML ที่จะใส่ลงในหน้าเว็บของคุณเพื่อทดสอบลิงก์ผู้อ้างอิงและลิงก์ noreferrer:
ลิงก์นี้ ควร มีผู้อ้างอิง
ลิงก์นี้ ไม่ ควรมีผู้อ้างอิง
เมื่อคลิกลิงก์แรกคุณควรได้รับการตอบกลับเช่น:
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 / เกี่ยวกับ / showreferer.html
และเมื่อคุณคลิกที่ลิงค์ที่สองคุณจะได้รับการตอบกลับเช่น:
คุณมาที่นี่โดยตรงหรือไม่ได้ส่งผู้อ้างอิง
ในการทดสอบของฉัน Chrome และ Safari สนับสนุนแอตทริบิวต์ rel = noreferrer อย่างถูกต้องในขณะที่ Firefox และ Opera ไม่สนับสนุน ฉันไม่ได้ทดสอบ Internet Explorer
ดูข้อมูลเพิ่มเติมเกี่ยวกับ HTML referer:
- Referer คืออะไร
- เหตุใดผู้อ้างอิงจึงถูกสะกดว่า "Referer" ใน Web Devlopment?
- Referer ของฉันคืออะไร |
- ทดสอบเบราเซอร์ของคุณสำหรับผู้อ้างอิง
- วิธีการใช้ Referer บนเว็บเพจ
- วัตถุอ้างอิง DOM คืออะไร