网站默认图标rel="shortcut icon"和rel="icon"的区别及标准应用

前言:

favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志,也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。

表达方式:

<link rel="shortcut icon" href="http://qoogle.cn/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://qoogle.cn/favicon.ico" type="image/x-icon" />

先总结:

上述第一种写法是标准的!


扩展阅读:

第一行是标准的,因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);

而Internet Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此代码。


只有当希望为新浏览器提供另一种备用图像(例如动画GIF)时,才有必要添加第二行。


在HTML中,link元件必须在head元件里(在<head>和</head>之间)。


对于XHTML,link必须使用“ />”结束(或“></link>”),而不可以单独使用“>”结束。


href可以要,但不必要,需指向/favicon.ico的位置,它可以指向任何URL。


图标文件好用“favicon”命名,即“favicon.ico”,且最好放在根目录下(即使没有Link标签,即使没有指向它的链接,也能被有些浏览器实别)。


图标通常可以使用任何被浏览器支持的图像格式,最好用ICO格式,兼容性强。

.ico文件格式通常可以被所有可以显示favicon的浏览器读取。


有些人用多个Link句,想适合动态GIF,而又怕出现兼容性问题,这种做法不合规。


ICO文件image/vnd.microsoft.icon(或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注册的MIME类型,因为多数主流浏览器现在支持它)

GIF 文件  image/gif

PNG 文件 image/png 


ICO文件:包括多种分辨率,最好用16×16(最常使用的是16×16和32×32,Mac OS X有时使用64×64和128×128)以及位深(比特每像素)(多数使用4、8、24bpp,即16、256和1600万色)。

GIF:使用16×16,256色。

PNG:使用16×16,256色或24位。


附上

  ICO图标在线生成网址:能将png、jpg、gif等图片的格式转换成ico格式,帮您快速生成精美的ico图标,并提供下载。完全免费哟!

http://www.faviconico.org/

如果文章对您有帮助|有启发|有共鸣|有“爽了”,请随意打赏。您的支持是我的动力和价值的体现。

----------我不是街头卖艺者,但我渴望被打赏,博客要生存下去不容易。
----------我不是酒店服务生,但我渴望被打赏,博主也有妻儿子女一家子人。
----------我不是乞丐叫花子,但我渴望被打赏,渴望被打赏的价值认同感。
----------我不是建筑搬运工,但我渴望被打赏,我是蜜蜂我阅读/挑选/整合/转载/传播。
----------我不是作家或教授,但我渴望被打赏,咱中国人也能主动为知识/为受益而付费。

感谢土豪的打赏!


一码支持:微信/支付宝

打赏qoogle的二维码


分享,也是您对我的热力支持。谢谢!

内容版权声明:除转载分类下的文章来源网络(直转或整合而成),其它皆为本站原创文章。

转载注明出处:http://qoogle.cn/?id=16

发表评论(不用注册哟!)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。