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