favicon

来源:互联网 发布:php源码在哪查看 编辑:程序博客网 时间:2024/04/30 14:01

1、什么是favicon


就是这个图片上的小图标


2、制作favicon


静态的favicon 和 动态的 favicon

网站: http://www.chami.com/html-kit/services/favicon


3、应用favicon 

先了解一下 mec_href 和 href的区别是什么  ?

    mec_href属于SEO搜索引擎会注意



在网页中使用Favicon.ico:

浏览器调用Favicon的原则是受限在网页所在的目录下寻找Favicon.ico文件,如果没有,边到网站的根目录下寻找。

浏览器调用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。

因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。

如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了。

具体设置也简单,在Html中的<head>部分加入如下的代码:

程序代码(如果代码中的引号不是英文状态下的引号,请修正。):

 <link rel="icon" href="/dir/favicon,ico" mce_href="/dir/favicon,ico" type="image/x-icon">

<link rel="shortcut icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">

Firefox 还支持GIF 动画格式的Favicon,使用方法如下:

先制作一个GIF动画格式的Favicon

程序代码:

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

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



原创粉丝点击