解决浏览器中的小logo图标显示问题 icon

最新推荐文章于 2021-08-07 01:08:43 发布

peter_ou

最新推荐文章于 2021-08-07 01:08:43 发布

阅读量1.1k

点赞数

文章标签： html

本文链接：https://blog.youkuaiyun.com/peter_ou/article/details/107976127

版权

本文详细介绍了如何在HTML中设置favicon，包括浏览器窗口、收藏夹及书签中的logo图标设置方法，帮助开发者提升网站品牌形象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在html中添加一下标签即可

<link rel="icon" href="./images/favicon.ico" th:href="@{/images/favicon.ico}" type="image/x-icon">
<link rel="shortcut icon" href="./images/favicon.ico" th:href="@{/images/favicon.ico}" type="image/x-icon">
<link rel="bookmark" href="./images/favicon.ico" th:href="@{/images/favicon.ico}" type="image/x-icon">

其中
<link rel="icon" href="./images/favicon.ico" th:href="@{/images/favicon.ico}" type="image/x-icon">
表示浏览器打开窗口时显示logo图标，这种情况使用的最多。
其中
<link rel="shortcut icon" href="./images/favicon.ico" th:href="@{/images/favicon.ico}" type="image/x-icon">
表示浏览器收藏时，在收藏中显示logo图标
其中
<link rel="bookmark" href="./images/favicon.ico" th:href="@{/images/favicon.ico}" type="image/x-icon">
表示浏览器书签时，在书签中显示logo图标