前言:
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图标,并提供下载。完全免费哟!
发表评论(不用注册哟!)