ฉันไม่ได้รวมบรรทัดของรหัสต่อไปนี้ในแท็กหัวของฉัน แต่ favicon ของฉันยังคงปรากฏในเบราว์เซอร์ของฉัน:
<link rel="icon" href="favicon.ico" type="image/x-icon" />จุดประสงค์ของการรวมมันคืออะไร?
ฉันไม่ได้รวมบรรทัดของรหัสต่อไปนี้ในแท็กหัวของฉัน แต่ favicon ของฉันยังคงปรากฏในเบราว์เซอร์ของฉัน:
<link rel="icon" href="favicon.ico" type="image/x-icon" />จุดประสงค์ของการรวมมันคืออะไร?
คำตอบ:
หากคุณไม่เรียก favicon favicon.icoคุณสามารถใช้แท็กนั้นเพื่อระบุเส้นทางที่แท้จริง (ในกรณีที่คุณมีอยู่ในimages/ไดเรกทอรี) เบราว์เซอร์ / เว็บเพจค้นหาfavicon.icoในไดเรกทอรีรากโดยค่าเริ่มต้น
ในความเป็นจริงคุณควรทำทั้งสองอย่างเพื่อให้เบราว์เซอร์ทั้งหมดจะพบไอคอน
การตั้งชื่อไฟล์ "favicon.ico" และวางไว้ในรูทของเว็บไซต์ของคุณเป็นวิธี "ท้อ" โดย W3C:
วิธีที่ 2 (ท้อแท้): การวาง favicon ไว้ที่ URI ที่กำหนดไว้ล่วงหน้า
วิธีที่สองสำหรับการระบุ favicon นั้นอาศัยการใช้ URI ที่กำหนดไว้ล่วงหน้าเพื่อระบุภาพ: "/ favicon" ซึ่งสัมพันธ์กับรูทเซิร์ฟเวอร์ วิธีนี้ใช้งานได้เนื่องจากเบราว์เซอร์บางตัวได้รับการโปรแกรมให้ค้นหา favicons โดยใช้ URI นั้น
W3C - วิธีเพิ่ม favicon ให้กับเว็บไซต์ของคุณ
ดังนั้นเพื่อครอบคลุมทุกสถานการณ์ฉันมักจะทำเช่นนั้นนอกเหนือจากวิธีที่แนะนำในการเพิ่มแอตทริบิวต์ "rel" และชี้ไปที่ไฟล์. ico เดียวกัน
favicon.icoรูท แต่เบราว์เซอร์ส่วนใหญ่จะขอไฟล์ดังกล่าวโดยอัตโนมัติด้วยเหตุผลทางประวัติศาสตร์
ฉันใช้มันด้วยเหตุผลสองประการ:
?v=2ฉันสามารถบังคับฟื้นฟูของไอคอนโดยการเพิ่มพารามิเตอร์การสืบค้นตัวอย่างเช่น แบบนี้:
<link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />
ในกรณีที่ฉันต้องระบุเส้นทาง
เพียงเพิ่มไปยังโฟลเดอร์รากทำงานหลังจากแฟชั่น แต่ฉันพบว่าถ้าฉันต้องการเปลี่ยน favicon อาจต้องใช้เวลาหลายวันในการอัปเดต ... แม้การรีเฟรชแคชจะไม่ใช้กลอุบาย
หลายคนกำหนดเส้นทางคุกกี้เป็น / นั่นจะทำให้ทุกคำขอ favicon ส่งสำเนาของคุกกี้เว็บไซต์อย่างน้อยในโครเมียม การระบุชื่อ favicon ของคุณให้กับโดเมนที่ไม่มีเนื้อหาควรแก้ไขให้ถูกต้อง
<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />นี่อาจเป็นเหตุผลที่เป็นไปได้มากที่สุดในการเพิ่มลิงค์
ข้อมูลเกี่ยวกับการตั้งค่าโดเมนที่ทำไม่ได้: