【html学习笔记12】-图标Favicon
2023-08-25 本文已影响0人
兔小小
网站图标是显示在浏览器选项卡中页面标题旁边的小图像(如www.favicon.cc)。网站图标显示在浏览器选项卡中页面标题的左侧，如下所示：
要将图标添加到您的网站，请将收藏夹图标图像保存到根目录，或在根目录中创建一个文件夹 调用图像，并将收藏夹图标图像保存在此文件夹中。图标图像的通用名称是“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”文件并在浏览器中重新加载。您的浏览器选项卡现在应该 在页面标题的左侧显示您的图标图像。
