इसलिए मैं अपने मित्र के लिए एक वेबसाइट का निर्माण कर रहा हूं, जो गितुब होस्टिंग का उपयोग कर रहा है, और मैं चाहता हूं कि उसके पास एक फेविकॉन हो। मेरे पास यह है:
<!--Favicon-->
<!-- Opera Speed Dial Favicon -->
<link rel="icon" type="image/png" href="favicon.png" />
<!-- Standard Favicon -->
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- For iPhone 4 Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon.png">
<!-- For iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon.png">
<!-- For iPhone: -->
<link rel="apple-touch-icon-precomposed" href="favicon.png">
लेकिन जब भी मैं पृष्ठ खोलता हूं, तो कोई फ़ेविकॉन नहीं होता है। मुझे इस गाइड से कोड मिला है यहाँ, लेकिन अफसोस, यह काम नहीं कर रहा है ... अगर कोई मेरी मदद कर सकता है "तो बहुत सराहना की जाएगी ... जीथूब पेज संस्करण मिल सकते हैं यहाँ.
उत्तर:
उत्तर № 1 के लिए 1आप "डाल दिया है <link> अंदर favicon के लिए टैग <body> टैग, लेकिन यह अंदर होना चाहिए <head>
उत्तर № 2 के लिए 1
मैंने फ़ायरफ़ॉक्स और वेबसाइट से एक्सेस कियाफ़ेविकॉन सही ढंग से दिखाई दिया। जब मैंने क्रोम में प्रवेश किया, तो "/favicon.ico" फ़ाइल खोलने का प्रयास करते समय एक त्रुटि हुई। ऐसा इसलिए है क्योंकि कुछ ब्राउज़र href टैग के अंदर url को नजरअंदाज करते हैं और केवल रूट डायरेक्टरी में "/favicon.ico" नामक फाइल को खोजते हैं। इसलिए, अपनी समस्या को हल करने के लिए, रूट डायरेक्टरी में "favicon.ico" नामक एक फ़ाइल बनाएं, लिंक टैग में url को बदलें और सभी ब्राउज़र फ़ेविकॉन को पहचान लेंगे। ऐशे ही:
<link rel="icon" href="favicon.ico" />