Question

我在我制作的网站上添加了一个图标，但问题是它没有出现在Google Chrome和Safari上。这就是我所做的：

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link rel="shortcut icon" type="icon/icon" href= Jo.ico />
<title>My site</title>
</head>
<body>
</body>
</html>

Answer 1

嗯，你没有在href部分放置语音标记。而且，你应该给你的内容一个更独特的标识符，因为text和html是关键字，所以浏览器可能会假设误解它们。

Answer 2

为什么不试试这个：

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

您的浏览器也可能正在缓存该图标。请确保您的浏览器缓存已正确清除。

另外，请确保图标的路径正确（“Jo.ico”假定图标与包含上述HTML行的文件位于同一目录中。）

Answer 3

方法1

HTML 4.01：

<link rel="icon" type="image/png" href="favicon.png">

XHTM 1.0：

<link rel="icon" type="image/png" href="favicon.png" />

方法2

<link rel="shortcut icon" href="favicon.ico">

Apple Devices：

<link rel="apple-touch-icon" href="apple-touch-icon.png">

方法3

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

Methond 4 （暂时不支持）

HTML 5：

<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16" />

Answer 4

将您的图标保存到您网站的根文件夹，名称为：favicon.ico

将favicon添加到网站

4 个答案: