HTML میں ویب سائٹ کا آئیکون کیسے شامل کیا جاتا ہے

HTML میں ویب سائٹ کا آئیکون (Favicon) کیسے شامل کیا جاتا ہے سیکھیں.

HTML میں ویب سائٹ کا آئیکون کیسے شامل کیا جاتا ہے

ویب سائٹ کا آئیکون (favicon) یہ چھوٹی تصویر ہے جو ویب براؤزر کا تگ سرفراز کی جگہ میں صفحہ کی سرکردگی کے ساتھ دکھائی دیتی ہے.

آپ کسی بھی علاقے کی تصویر کو ویب سائٹ کا آئیکون کے طور پر استعمال کرسکتے ہیں. آپ بھی جیسے https://favicon.cc جیسے ویب سائٹ پر اپنا ویب سائٹ کا آئیکون بناسکتے ہیں.

نکات:ویب سائٹ کا آئیکون ایک چھوٹی تصویر ہوتا ہے، لہذا یہ ایک اعلیًکمپلائزیشن والا سادا تصویر ہونا چاہئے.

ویب سائٹ کا آئیکون تصویر ویب براؤزر کا تگ سرفراز کی جگہ میں صفحہ کی سرکردگی کی جانب دیکھائی دیتی ہوتی ہے، مثلاً:

ویب سائٹ کا آئیکن مثال

آپ کا ویب سائٹ کا آئیکون اضافہ کرنا چاہتے ہیں تو آپ کا ویب سائٹ کا آئیکون تصویر ویب سروئرس کا رئیٹ ڈائرکٹری میں محفوظ کرکے یا رئیٹ ڈائرکٹری میں images نام کا فولدر بنائیں اور آپ کا ویب سائٹ کا آئیکون تصویر اس فولدر میں محفوظ کرکے. ویب سائٹ کا آئیکون تصویر کا عام نام "favicon.ico".

آئندہ، فائل "index.html" میں <title> عنصر کے بعد ایک <link> عنصر، مثلاً:

!DOCTYPE html
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

خود کا تجربہ کریں

اب حال میں، فائل "index.html" کو محفوظ کرکے نئی بار سے براؤزر میں لوڈ کریں. اب آپ کا براؤزر کا تگ سرفراز کی جگہ میں صفحہ کی سرکردگی کی جانب دیکھائی دیتی ہوگی.