设置网站ico图标的两种方法

设置网站ico图标的两种方法

方法一:
    直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将 favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO 文件命名为:xll.ico 。其IE地址栏图标绝对地址就可以为:http://www.timeshi.com/favicon.ico和http: //www.timeshi.com/timeshi.ico

方法二:

   1. 在网页的 <head>...</head> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico了,可以用任意的名字来命名,如:aoul.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是 必须做到图标文件的链接地址要正确。还有,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中显示你网页链接的自定义图标。

 

2. 在网站首页的源文件<head> </head>之间插入下面的斜体部分代码<head> ……<link rel="shortcut icon" href="favicon.ico"></head>

3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上: <link rel="icon" href="favicon.gif" type="image/gif" >

 【附加】:在线转换ICO工具地址

   http://www.favicon.co.uk/

   http://www.faviconprime.com/

 


阅读本文后,您的心情是:
 
恶心
愤怒
强赞
感动
路过
无聊
雷囧
关注
知识共享许可协议
评论(0) 浏览(28516) 引用(0)
引用地址:http://blog.baiwand.com/tb.php?sc=e56b55&id=41
Tags:
« ThinkPHP 3.0 功能特性和更新说明 【分享】Zen Coding: 一种快速编写HTML/CSS代码的方法 »

Blogger

  • blogger
  • 天之骄子
  • 职位:研发工程师
    铭言:
    阳光与欢乐同在,
    与我同在
    主页:
    blog.baiwand.com

分类目录

日志归档

主题标签

数据统计

  • 日志:151篇
  • 评论:45条
  • 碎语:264条
  • 引用:0条

链接表

随机日志 »

最新日志 »

最新评论 »

标签云 »

订阅Rss
sitemap