如何在 HTML 中添加网站图标

学习如何在 HTML 中添加网站图标（Favicon）。

如何在 HTML 中添加网站图标

网站图标（favicon）是显示在浏览器标签页中页面标题旁边的小图像。

您可以将任何您喜欢的图像用作网站图标。您也可以在诸如 https://favicon.cc 之类的网站上创建自己的网站图标。

提示：网站图标是一个小图像，因此它应该是一个具有高对比度的简单图像。

网站图标图像显示在浏览器标签页的页面标题左侧，如下所示：

ဝတ်ကြိုး ပုံစံ

要将网站图标添加到您的网站，请将您的网站图标图像保存到 Web 服务器的根目录，或者在根目录中创建一个名为 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" ဖိုင်ကို ကိုင်တွယ်ပြီး ဘရောက်ဖြူမှာ ကိုယ်စားပြုထားသော ဝတ္ထုကို အချင်းချင်း ကူးကြည့်ပါ။ ဘရောက်ဖြူမှာ ပုံသစ် အမည်အတွက် ဝတ္ထုကို အိမ်ရှင်ပုံပြင် အခြေအနေတွင် ပြပါသည်。