无法在 Safari 14 中显示 Favicon答案

【问题标题】：Can't Get The Favicon To Show Up in Safari 14无法在 Safari 14 中显示 Favicon
【发布时间】：2021-10-14 01:31:11
【问题描述】：

我刚开始学习 HTML，为了练习，我只是在用 Sublime Text 做一个测试网站。我添加了我在下面显示的适用于 Chrome 的网站图标的代码，但不适用于 Safari。

<!doctype html>
    <html>
<head>
<title>My Website</title>
<link rel="apple-touch-icon" sizes="180x180" href="/Users/umairzubair/Documents/html/image/apple-touch-icon.png">
<link rel="shortcut icon" type="image/png" sizes="32x32" href="/Users/umairzubair/Documents/html/image/favicon-32x32.png">
<link rel="apple-touch-icon" type="image/png" sizes="16x16" href="/Users/umairzubair/Documents/html/image/favicon-16x16.png">
<link rel="manifest" href="/Users/umairzubair/Documents/html/image/site.webmanifest">
<link rel="mask-icon" href="/Users/umairzubair/Documents/html/image/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

请指导我做错了什么以及如何纠正它。我真的很感激。

【问题讨论】：

您是否在（本地）网络服务器上运行该站点？还是只是从磁盘打开文件？

标签： html safari favicon

【解决方案1】：

我想问题在于您在href 标记中使用的文件路径。它应该是这样的： /image/faviconname.png 而不是长的。

【讨论】：