फ़ेविकॉन और पेज टाइटल इन HTML
वेबसाइट के लिए फ़ेविकॉन (Favicon) एक छोटी चित्रांकन (icon) होता है जो वेब पेज के शीर्षक या टैब पर प्रदर्शित होता है। यह वेबसाइट की पहचान बनाने में मदद करता है और उपयोगकर्ताओं को वेबसाइट की पहचान के रूप में आसानी से पहचानने में सहायता प्रदान करता है।
फ़ेविकॉन को HTML में जोड़ने के लिए निम्नलिखित चरणों का पालन करें:
- वेबसाइट के रूप में फ़ेविकॉन इमेज तैयार करें। यह एक .ico या .png फ़ाइल हो सकती है, और इमेज का आकार सामान्य रूप से 16x16 या 32x32 पिक्सल का होता है।
- अपने वेबसाइट के root डायरेक्टरी में फ़ेविकॉन फ़ाइल को संग्रहित करें।
- HTML <head> एलिमेंट के भीतर <link> एलिमेंट का उपयोग करके फ़ेविकॉन को संदर्भित करें। rel एट्रिब्यूट को "icon" या "shortcut icon" निर्दिष्ट करें और href एट्रिब्यूट में फ़ेविकॉन फ़ाइल का पाथ निर्दिष्ट करें।
यहां एक उदाहरण है:
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="favicon.png">
<title>फ़ेविकॉन उदाहरण</title>
</head>
<body>
<h1>फ़ेविकॉन उदाहरण</h1>
<p>यहां पृष्ठ का सामग्री है।</p>
</body>
</html>
इस उदाहरण में, हमने <link> एलिमेंट का उपयोग करके फ़ेविकॉन को संदर्भित किया है। rel एट्रिब्यूट में "icon" निर्दिष्ट करता है कि यह एक फ़ेविकॉन है, और href एट्रिब्यूट में फ़ेविकॉन फ़ाइल का पाथ "favicon.png" निर्दिष्ट किया गया है।
फ़ेविकॉन एलिमेंट को वेबसाइट के <head> एलिमेंट के भीतर ही शामिल करें और फ़ाइल पाथ को अपने फ़ेविकॉन फ़ाइल के पाथ के साथ संबंधित करें। जब उपयोगकर्ता वेबसाइट पर पहुँचता है, तो ब्राउज़र फ़ेविकॉन को प्रदर्शित करेगा और उपयोगकर्ता को पहचानने में मदद करेगा।
HTML में, पेज टाइटल <title> एलिमेंट का उपयोग करके निर्दिष्ट किया जाता है। यह टैग ब्राउज़र के टैब पर दिखाई देता है और यह टैग संबंधित पेज के शीर्षक को प्रदर्शित करता है। इसका उपयोग उपयोगकर्ता को वेब पेज की पहचान करने में मदद करता है और सामग्री के साथ वेब पेज को संबंधित करता है।
यहां एक उदाहरण है:
<!DOCTYPE html><html>
<head>
<title>मेरा पेज टाइटल</title>
</head>
<body>
<h1>मेरा पेज हेडिंग</h1>
<p>यहां पृष्ठ का सामग्री है।</p>
</body>
</html>
इस उदाहरण में, हमने <title> एलिमेंट का उपयोग करके पेज टाइटल निर्दिष्ट किया है। <title> एलिमेंट वेबसाइट के <head> एलिमेंट के भीतर ही शामिल किया गया है। यहां निर्दिष्ट शीर्षक "मेरा पेज टाइटल" ब्राउज़र के टैब पर प्रदर्शित होगा और उपयोगकर्ता को पेज की पहचान करने में मदद करेगा।