Question

我正在浏览angular-meteor.com上的教程。 我所询问的只是一个fullstack角度流星网页而不是你的标准静态html页面。我如何获得一个favicon而不是默认页面favicon？我在哪里把它放在文件结构中？现在它与index.html（client /）相同的文件夹。

Answer 1

默认情况下，您应将其放入网站的名称为/favicon.ico的根文件夹。

因此，在这种情况下，您的文件结构应如下所示：

 \ - index.html
   - favicon.ico

或者这个：

 \ - favicon.ico
   \ html
     - mypage.html
     - favicon.ico  - it is not readed by default

但您可以通过在标题元素中添加以下标记来覆盖默认图标：

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

大多数现代浏览器都支持ico，png，gif格式。其中一些还支持SVG格式。

在Safari浏览器中，您还应该通过将浮动行添加到html标题来定义固定标签图标：

<link rel="mask-icon" href="website_icon.svg" color="red">