gpt4 book ai didi

html - 将网站图标添加到静态 HTML 页面

转载 作者:bug小助手 更新时间:2023-10-28 10:53:38 28 4
gpt4 key购买 nike

我有一些纯 HTML 的静态页面,当服务器出现故障时我们会显示这些页面。我怎样才能将我制作的图标(它是 16x16px,它与 HTML 文件位于同一目录中;它被称为 favicon.ico)作为“选项卡”图标?我已经阅读了 Wikipedia 并查看了一些教程并实现了以下内容:

<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

但它仍然不想工作。我正在使用 Chrome 来测试这些网站。根据维基百科,.ico 是在所有浏览器类型上运行的最佳图片格式。

更新

我无法让它在本地工作,尽管代码检查了它只有在服务器开始为网站提供服务后才能真正正常工作。只需尝试将其推送到服务器并刷新缓存,它应该可以正常工作。

最佳答案

您可以制作 .png 图像,然后在 <head> 之间使用以下片段之一静态 HTML 文档的标签:

<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>

关于html - 将网站图标添加到静态 HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9943771/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com