HTML Favicon

HTML பேவிகான்

HTML பேவிகான்

பேவிகான் என்பது உலாவி தத்தில் பக்கத் தலைப்பின் அடுத்தில் காட்டப்படும் ஒரு சிறிய படமாகும்.

HTML இல் பேவிகானை எவ்வாறு சேர்க்கலாம்

நீங்கள் விரும்பும் எந்த படத்தையும் உங்கள் பேவிகானாகப் பயன்படுத்தலாம். https://www.favicon.cc போன்ற தளங்களில் உங்கள் சொந்த பேவிகானை உருவாக்கலாம்.

💡 உதவிக்குறிப்பு:

பேவிகான் ஒரு சிறிய படம், எனவே இது அதிக கான்ட்ராஸ்ட் கொண்ட எளிய படமாக இருக்க வேண்டும்.

ஒரு பேவிகான் படம் உலாவி தத்தில் பக்கத் தலைப்பின் இடதுபுறத்தில் காட்டப்படுகிறது:

பேவிகான் எடுத்துக்காட்டு

<!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>

உங்கள் வலைத்தளத்தில் பேவிகானைச் சேர்க்க, உங்கள் பேவிகான் படத்தை உங்கள் வலைச் சேவையகத்தின் ரூட் கோப்பகத்தில் சேமிக்கவும், அல்லது ரூட் கோப்பகத்தில் images என்ற கோப்பகத்தை உருவாக்கி, உங்கள் பேவிகான் படத்தை இந்த கோப்பகத்தில் சேமிக்கவும். பேவிகான் படத்தின் பொதுவான பெயர் "favicon.ico" ஆகும்.

அடுத்து, உங்கள் "index.html" கோப்பில் <title> உறுப்புக்குப் பிறகு ஒரு <link> உறுப்பைச் சேர்க்கவும்:

இப்போது, "index.html" கோப்பைச் சேமித்து உங்கள் உலாவியில் மீண்டும் ஏற்றவும். உங்கள் உலாவி தத்தில் பக்கத் தலைப்பின் இடதுபுறத்தில் உங்கள் பேவிகான் படம் காட்டப்படும்.

பேவிகான் கோப்பு வடிவ ஆதரவு

பின்வரும் அட்டவணை ஒரு பேவிகான் படத்திற்கான கோப்பு வடிவ ஆதரவைக் காட்டுகிறது:

உலாவி ICO PNG GIF JPEG SVG
எட்ஜ் ஆம் ஆம் ஆம் ஆம் ஆம்
குரோம் ஆம் ஆம் ஆம் ஆம் ஆம்
பயர்பாக்ஸ் ஆம் ஆம் ஆம் ஆம் ஆம்
ஓபரா ஆம் ஆம் ஆம் ஆம் ஆம்
சஃபாரி ஆம் ஆம் ஆம் ஆம் ஆம்

அத்தியாய சுருக்கம்

பேவிகானைச் செருக HTML <link> உறுப்பைப் பயன்படுத்தவும்

பயிற்சி

❓ எந்த HTML உறுப்பில் பேவிகான் வரையறுக்கப்படுகிறது?

<img> உறுப்பு
✗ தவறு!
<body> உறுப்பு
✗ தவறு!
<link> உறுப்பு
✓ சரி!
<style> உறுப்பு
✗ தவறு!

HTML இணைப்பு குறிச்சொல்

குறிச்சொல் விளக்கம்
<link> ஒரு ஆவணத்திற்கும் வெளி வளத்திற்கும் இடையிலான உறவை வரையறுக்கிறது

அனைத்து கிடைக்கக்கூடிய HTML குறிச்சொற்களின் முழுமையான பட்டியலுக்கு, எங்கள் HTML குறிச்சொல் குறிப்பைப் பார்வையிடவும்.