我正在阅读维基百科上的Favicon页面.他们提到了Favicon的HTML 5规范:
当前的HTML5规范建议使用标记内的属性rel ="icon"sizes ="以空格分隔的图标维度列表"指定多个大小的大小图标.[ 来源 ]多种图标格式,包括容器格式,如Microsoft .ico和Macintosh .icns文件,以及可缩放矢量图形可以通过在type ="file content-type"的形式中包含图标的内容类型来提供.标签.
看看引用的文章(W3),他们展示了这个例子:
<link rel=icon href=favicon.png sizes="16x16" type="image/png">
<link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon">
<link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768">
<link rel=icon href=iphone.png sizes="57x57" type="image/png">
<link rel=icon href=gnome.svg sizes="any" type="image/svg+xml">
我的问题是,任何浏览器都支持HTML 5方法吗？
注意:我知道Apple使用他们的apple-touch-icon元标记方法而不是HTML5方法.
维基百科文章声称:
但是,当用户从"工具"菜单中选择"创建应用程序快捷方式..."时,Google Chrome网络浏览器将选择与HTML标题中提供的最匹配的大小,以创建128×128像素的应用程序图标.
Internet Explorer(v9到v11)和Firefox如何处理这个问题？Chrome处理HTML Favicons的方式文章是否正确？(Chrome没有引用消息来证实这一点.)
在搜索中,除了维基百科文章之外,我无法在HTML 5 Favicon上找到任何(可信的)信息.
我正在读一篇文章:
据他们说,如果你需要favicon用于各种目的,你需要为每个目的创建不同的(对于WIN8中的图块,对于Opera和Chrome中的快速拨号).
好的,没关系,我仍然使用16X16 .ico文件,我认为它适用于优化目的.
但是现在阅读完这些文章之后,我会遇到各种各样的问题(假设我使用photoshop为各种目的创建了各种图标):
- 如何检测应该向浏览器提供哪个图标(如何检测该浏览器要求favicon在地址栏中显示它？还是要保存为磁贴？或者用于快速拨号？)
- 如何在不损失连接速度的情况下将该特定图标提供给浏览器,因为图标大小？
- 为了指定的目的,html应该在html(文件)中添加()代码行？
目前我用16X16图标:
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/><!-- IE8 -->
- 通过加载index.html页面上的所有图标,浏览器可以为所有子页面缓存它们吗？(将所有图标放在站点的根目录中？)
- 但是这会通过增加index页面本身的加载时间来影响网站的性能.
那么,无论如何都要检测需要favicon的目的,然后动态地(JavaScript例如使用)服务它,而不会失去页面加载的速度？另外如何拥有一个faviconfor chromes webstore？(即什么行的(html)代码).
希望这里的专家会帮助我.提前致谢.
PS:
我已经读过了:
但它们很少或没有用.