如何做 - 在 HTML 中新增一個 Favicon
瞭解如何在 HTML 中新增一個 favicon。
如何在 HTML 中新增 Favicon
Favicon 是顯示在瀏覽器選項卡中頁面標題旁邊的小影像。
您可以使用任何您喜歡的影像作為您的 favicon。您也可以在像 https://favicon.cc 這樣的網站上建立自己的 favicon。
提示： Favicon 是一張小影像，所以它應該是一張對比度高、設計簡單的影像。
一個 favicon 影像會顯示在瀏覽器選項卡中頁面標題的左側，像這樣
要將 favicon 新增到您的網站，可以將您的 favicon 影像儲存到 Web 伺服器的根目錄，或者在根目錄中建立一個名為 images 的資料夾，並將您的 favicon 影像儲存在此資料夾中。一個常見的 favicon 影像名稱是“favicon.ico”。
接下來，在您的“index.html”檔案中，在 <title> 元素之後，新增一個 <link> 元素，像這樣
示例
<!DOCTYPE html>
<html>
<head>
<title>我的頁面標題</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
</body>
</html>
現在，儲存“index.html”檔案並在您的瀏覽器中重新載入它。您的瀏覽器選項卡現在應該在頁面標題的左側顯示您的 favicon 影像。
