如何 - 在 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 图像。
