网页加载ico图标方法

其实在ico图标引进中，有很多方法，有的是HTML页面，有的是PHP
但是我无意中发现在PHP中引入png格式的ico显示出不来，只有引 ico格式的才可以我也不知道为什么哈，大神勿喷！一下是我理解的两种引进ico的方法

语句一

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

语句二

<link rel="icon" href="animated_favicon.gif" type="image/gif" />

备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon
问题:语句二 icon的作用是怎么?和语句一有什么区别?
指导
过去，为保证favicon出现，网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。
下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文档上。为避免这一点，favicon.ico文件应置于根目录下。多数浏览器将自动检测并使用它。
建议包含以下两行HTML代码:

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">

然而，只有第一行是必须的，因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像（例如动画GIF）时，才有必要添加第二行。

图像通常可以使用任何被浏览器支持的图像格式。
.ico文件格式通常可以被所有可以显示favicon的浏览器读取。
设置服务器，以发送正确的MIME标识：
1，ICO 文件 image/vnd.microsoft.icon（或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注册的MIME类型，因为多数主流浏览器现在支持它）
2，GIF 文件 image/gif
3，PNG 文件 image/png
4，ICO：包括多种分辨率（最常使用的是16×16和32×32，Mac OS X有时使用64×64和128×128）以及位深（比特每像素）（多数使用4、8、24 bpp，即16、256和1600万色）。
5，GIF: 使用16×16，256色。
6，PNG: 使用16×16，256色或24位。
注意：当favicon.ico被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使没有您的站点上没有指向它的链接。

Favicon功能最早由微软创设，而微软公司的Internet Explorer网页浏览器会对每一个网站都请求favicon。微软支持的link标签不遵从World Wide Web Consortium（W3C，万维网联盟）的HTML建议[1]，因为：
rel属性必须包含一个用空格作分隔符的link类型的列表，所以一个包含两词的link类型不能被遵守标准的浏览器理解。
“.ico”文件类型（一种用于Microsoft Windows上图标的光栅格式）没有一个注册的MIME类型，而且似乎在当时也不能被多数浏览器理解。然而2003年，这一格式在IANA获得注册，其 MIME类型是image/vnd.microsoft.icon，进而消除了此问题的第一部分。
在网站上使用保留地址与互联网的结构矛盾，同时被认为是link squatting（链接劫持）或URI squatting（URI劫持）。
Mozilla浏览器通过一种遵从Web标准的方法添加了对favicon的支持。它采用rel="icon"并允许网络设计人员添加任何支持的图像格式的favicon。例如

<link rel="icon" type="image/png" href="/path/image.png">

。后来鉴于此功能将被用于所有新内容，多数浏览器都对此功能增加了支持。

网页加载ico图标方法相关推荐

【前端开发】25种提高网页加载速度的方法和技巧
尊重原创:http://blog.csdn.net/wxzking/article/details/4089384 您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在 ...
android 标题栏进度圈使用方法,Android 自定义标题栏显示网页加载进度的方法实例...
这阵子在做Lephone的适配,测试组提交一个bug:标题栏的文字较长时没有显示完全,其实这并不能算个bug,并且这个问题在以前其他机器也没有出现,只是说在Lephone的这个平台上显示得不怎么美观, ...
加快网页加载速度的五个有效的方法
加快网页加载速度的五个有效的方法 Filed under: 未分类 | Posted on 五月 1st, 2010 by 林涛网页尽可能的快速加载对网站非常重要:用户希望快速的查看他们想要看的页 ...
提高网页加载速度的一些方法和技巧
网页的加载速度是评估网站质量一个重要指标,原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网页,所以网页载入速度会极大地影响网站的流量和访问. 以下总 ...
Tomcat网页加载速度过慢的解决方法
Tomcat网页加载速度过慢的解决方法参考文章: (1)Tomcat网页加载速度过慢的解决方法 (2)https://www.cnblogs.com/magmell/p/7086229.html 备 ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
个别网页打不开，很多网页加载慢（安装过虚拟机），改dns，清理缓存、重装驱动、等方法都解决不了，的解决办法。
如果你安装的有虚拟机,但是网络抽风,下面的方法你可以试一下. 就是去网络设置里把虚拟机的网络全部禁用,等用的时候再启用即可. 前几个月突然网络异常,但是网速正常,打游戏什么的都没事,但是很多网页打不开 ...
导航条加载.ico的logo图标的方式
我们在浏览网站页面的时候,能够看到导航条旁边基本都有logo,那么我们应该如何加载它呢,jpg?png?ico?下面我们来简单讲解一下加载icon图标的方式. 一.实现代码请先记住一个路径 /fav ...
jsp网页无法加载css解决方法
jsp网页无法加载css解决方法自己做了一个项目,完了之后服务器自己写的,网页不会做就去网上淘了一个别人的纯网页代码.完了之后改了两天改出来了自己的模板,结果导入到myeclipse工作空间的时候- ...

网页加载ico图标方法

网页加载ico图标方法相关推荐

最新文章

热门文章