嵌入facivon:完整,但使用最少的html代码

时间:2019-04-15 06:22:50

标签: html5 favicon

我正在寻找HTML5代码,以一种极简的方式为多个平台嵌入facivon。

典型代码是:

<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

我最喜欢的代码是一行:

<link rel="icon" href="/img/favicon.svg">

意思是:

  • 没有其他格式,只有SVG
  • 没有属性“ sizes”,这对于矢量grafic是不需要的
  • 没有属性“类型”,没有这样的声明就应该识别SVG
  • SVG不能位于根文件夹中

我的问题:

  1. 哪些浏览器/设备不支持以下声明?
<link rel="icon" href="/img/favicon.svg">
  1. 如果Apple mobil设备不支持第一个声明:我可以在Apple设备上使用SVG吗?
<link rel="apple-touch-icon" href="/img/apple-touch-icon.svg">

换句话说: 如何以一种简约的方式将SVG图标提供为“ Favicon”和“ Apple Touch图标”?

我没有找到测试简约声明的教程。

感谢您的帮助。

0 个答案:

没有答案