大佬教程收集整理的这篇文章主要介绍了HTML 5 Favicon-支持吗？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
rel="shortcut
icon"IE可以识别图标，它需要shortcut非标准单词。同样，我们将.icofavicon
包装在IE条件注释中，因为.ico尽管存在其他可用选项，但Chrome和Safari仍会使用该文件（如果存在），而不是我们想要的。
@H_450_2@以上内容涵盖了IE 9之前的IE。IE11接受PNG图标，但是IE 10则不接受。IE 10也不会读取条件注释，因此IE 10不会显示收藏夹图标。在IE
11和Edge可用的情况下，我看不到IE 10被广泛使用，因此我忽略了此浏览器。
@H_450_2@对于其余的浏览器，我们将使用标准方式来引用图标。
<link rel="icon" href="path/to/favicon.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
rel="apple-touch-icon-
precomposed"在iOS上加书签时，使用不会应用反射光。要让iOS应用闪耀用途rel="apple-touch-
icon"。此图标的大小应为180x180像素，这是Apple为最新iPhone和iPad建议的当前大小。我读过BlackBerry也会用rel="apple-
touch-icon-precomposed"。
@H_450_2@注意：Chrome for AndroID指出：
@H_450_2@
@H_450_2@windows 8.1+上的IE 11+确实提供了一种为您的站点创建固定图块的方法。
@H_450_2@microsoft建议创建以下大小的图块：
@H_450_2@这些应该是透明的图像，因为我们接下来将定义彩色背景。
@H_450_2@创建这些图像后，您应该browserconfig.xml使用以下代码创建一个xml文件：
<?xml version="1.0" enCoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="images/smalltile.png"/>
<square150x150logo src="images/mediumtile.png"/>
<wIDe310x150logo src="images/wIDetile.png"/>
<square310x310logo src="images/largetile.png"/>
<Tilecolor>#009900</Tilecolor>
</tile>
</msapplication>
</browserconfig>
head：
<Meta name="msapplication-config" content="path-to-browserconfig/custom-name.xml" />
<!-- For IE 9 and below. ICO should be 32x32 pixels in size -->
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- touch Icons - iOS and AndroID 2.1+ 180x180 pixels in size. -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
<link rel="icon" href="path/to/favicon.png">
<div ID="TiLeoverlay" onclick="ToggleTiLeoverlay()" style='BACkground-color: Highlight; height: 100%; wIDth: 100%; top: 0px; left: 0px; position: fixed; color: black; visibility: hIDden'>
<img src="customtile.png" wIDth="320" height="320" />
<div style='margin-top: 40px'>
Add text/graphic asking user to pin to start using the menu...
</div>
</div>
<a href="JavaScript:ToggleTiLeoverlay()">Pin this site to your start screen</a>
<script>
function ToggleTiLeoverlay() {
var newVisibility = (document.getElementByID('TiLeoverlay').style.visibility == 'visible') ? 'hIDden' : 'visible';
document.getElementByID('TiLeoverlay').style.visibility = newVisibility;
}
</script>
<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">
apple-touch-icon在HTML5方法上使用了元标记方法。
@H_450_2@维基百科文章声称：
@H_450_2@InternetExplorer（从v9到v11）和Firefox如何处理？而且Chrome浏览器如何处理HTML网站图标是否正确？（没有引用Chrome的消息来源对此进行确认。）
@H_450_2@在搜索中，除了Wikipedia文章之外，我无法真正找到有关HTML 5 Favicon的任何（可信的）信息。
以上是大佬教程为你收集整理的HTML 5 Favicon-支持吗？全部内容，希望文章能够帮你解决HTML 5 Favicon-支持吗？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。