HTML Favicon
Favicon သည် ဘရောက်ဆာတက်ဘ်ရှိ စာမျက်နှာခေါင်းစဉ်ဘေးတွင် ပြသထားသည့် သေးငယ်သောရုပ်ပုံဖြစ်သည်။
HTML တွင် Favicon ထည့်နည်း
မင်းရဲ့ favicon အဖြစ် မင်းကြိုက်တဲ့ပုံကို သုံးနိုင်တယ်။ https://favicon.cc ကဲ့သို့သော ဆိုက်များတွင်လည်း သင့်ကိုယ်ပိုင် favicon ဖန်တီးနိုင်သည် ။
အကြံပြုချက်- Favicon သည် သေးငယ်သော ပုံတစ်ပုံဖြစ်သောကြောင့် ၎င်းသည် အလင်းအမှောင်မြင့်မားသော ရိုးရိုးရုပ်ပုံဖြစ်သင့်သည်။
ဘရောက်ဆာ တက်ဘ်ရှိ စာမျက်နှာ ခေါင်းစဉ်၏ ဘယ်ဘက်တွင် favicon ပုံအား ဤကဲ့သို့ ပြသသည်-
သင့်ဝဘ်ဆိုဒ်သို့ favicon တစ်ခုထည့်ရန်၊ သင်၏ favicon ပုံကို သင့် webserver ၏ root directory တွင် သိမ်းဆည်းပါ သို့မဟုတ် ပုံများဟုခေါ်သော root directory တွင် ဖိုဒါတစ်ခုဖန်တီးပြီး သင်၏ favicon ပုံအား ဤဖိုဒါတွင် သိမ်းဆည်းပါ။ favicon ပုံတစ်ပုံအတွက် ဘုံအမည်မှာ "favicon.ico" ဖြစ်သည်။
ထို့နောက်၊ ဤကဲ့သို့သောဒြပ်စင် <link>ပြီးနောက်၊ သင်၏ "index.html" ဖိုင်တွင် ဒြပ်စင် တစ်ခုကို ထည့်ပါ <title>-
ဥပမာ
<!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" ဖိုင်ကိုသိမ်းဆည်းပြီး သင့်ဘရောက်ဆာတွင် ၎င်းကို ပြန်လည်စတင်ပါ။ သင်၏ဘရောက်ဆာတက်ဘ်သည် စာမျက်နှာခေါင်းစဉ်၏ဘယ်ဘက်တွင် သင်၏ favicon ပုံကို ပြသသင့်သည်။
Favicon ဖိုင်ဖော်မတ်ပံ့ပိုးမှု
အောက်ပါဇယားသည် favicon ပုံအတွက် ဖိုင်ဖော်မတ်ပံ့ပိုးမှုကို ပြသသည်-
| Browser | ICO | PNG | GIF | JPEG | SVG |
|---|---|---|---|---|---|
| Edge | Yes | Yes | Yes | Yes | Yes |
| Chrome | Yes | Yes | Yes | Yes | Yes |
| Firefox | Yes | Yes | Yes | Yes | Yes |
| Opera | Yes | Yes | Yes | Yes | Yes |
| Safari | Yes | Yes | Yes | Yes | Yes |
အခန်းအကျဉ်းချုပ်
<link>Favicon တစ်ခုထည့်ရန် HTML အစိတ်အပိုင်းကို အသုံးပြုပါ။
HTML Link Tag
| Tag | Description |
|---|---|
| <link> | Defines the relationship between a document and an external resource |
ရရှိနိုင်သော HTML တဂ်များအားလုံး၏စာရင်းအပြည့်အစုံအတွက်၊ ကျွန်ုပ်တို့၏ HTML Tag အကိုးအကားကို ဝင်ရောက်ကြည့်ရှု ပါ။