我知道两种默认的网站默认Web图标：



网站图标：将.ico格式的文件放置在名为favicon.ico的网站根目录下，大多数台式机浏览器都会找到并在各种上下文（书签，标签）中显示它。也可以添加代码，从而允许您为文件指定其他名称和其他图形类型，尽管浏览器具有类型和大小限制：

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



Web Clip Icon：将png格式的文件apple-touch-icon.png或apple-touch-icon-precomposed.png放在您网站的根目录中，当网站添加到主屏幕时，iPhone OS / iOS版本的Safari会选择这些文件并将其存储。还可以添加以下代码：

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



网站管理员可以包含网站的其他任何默认图标吗？

#1 楼

基于此，Android将使用rel类型的apple-touch-icon-precomposed或apple-touch-icon，但是要使其正常工作，您需要使用完全限定的网址，例如：

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />


or：

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />


注意：这似乎是针对Android 2.1 Update 1和Webkit 3.1。 Android开发人员文档确实在android.webkit中提到了一种方法，该方法是在检索apple-touch-icon时发生的事件。

#2 楼

这取决于您所针对的平台。但我认为大多数-标准兼容-移动浏览器都了解默认的favicon标签。也许您可以在Android，iOS，WebOS等平台上搜索特殊用例（例如，使用特殊图标创建桌面快捷方式）...

我刚刚开发了一些针对iPhone用户的网站在这个网站上，我将Wordpress与WPTouch主题的专用版本一起使用。