如何在不使用 JS/PHP 的情况下将我的网站图标设置为出现在我网站的每个页面上

Question

我是 HTML/CSS 的新手，刚刚通过从网站图标生成器网站复制和粘贴代码创建了一个网站图标。

以下是我放在我的index.html

中的代码

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

我希望我的网站图标出现在我网站的其他页面上。我想知道我是否被迫在每一页上一遍又一遍地复制和粘贴所有代码，或者是否有更简洁的方法来实现这一点（不使用我不熟悉的 JS/PHP）。

谢谢

Answer 1

不幸的是，您的 HTML 文件中的网站图标必须是明确的。由于您使用的是纯 HTML，是的，您需要在每个文件中进行复制和粘贴。

如何在不使用 JS/PHP 的情况下将我的网站图标设置为出现在我网站的每个页面上

How can I set my favicon to appear on every page of my website without using JS/PHP

html

favicon