在地址栏里显示logo的实现方法

 更新时间:2009年02月18日 22:50:41   作者:  
在地址栏里显示logo,其实大家可以看一些网站的头部里面,下面的方法讲的更仔细。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。
第三步,设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
还有一个方法:
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://网站地址/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
使用这个做法的话,
就不一定要把图形文件放在网站的根目录下面了,
你可以放在任何位置,
甚至直接连结到其他网站上面的图形文件也可以,
而且图形文件的文件名也不一定要叫做 favicon.ico,
可以自己随便取。
不过要注意的是使用这个做法的话,
只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。

相关文章

  • Git pull(拉取)及push(上传)相关命令介绍

    Git pull(拉取)及push(上传)相关命令介绍

    这篇文章主要介绍了Git pull(拉取),push(上传)相关命令,git是一个非常好用的分布式版本管理工具,Git是去中心化,每一个分支都是一个中心,并且支持本地仓库存储,像如今很多大公司都用git做版本控制。有兴趣的话来学习一下
    2020-07-07
  • Git 教程之安装配置详解

    Git 教程之安装配置详解

    本文主要介绍Git 安装配置,这里对Linux,Windows,Mac平台的安装做了详细介绍,有需要的朋友可以参考下
    2016-09-09
  • php asp.net 比较 [推荐]

    php asp.net 比较 [推荐]

    如今当提到 Web 开发时,您有许多选择。这些方法中许多都涉及到预处理 - 即,利用特定的标记将代码嵌入到 HTML 页面中
    2009-06-06
  • VS2019属性配置详解

    VS2019属性配置详解

    这篇文章主要介绍了VS2019属性配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 详解Git 的 rebase 命令使用方法

    详解Git 的 rebase 命令使用方法

    这篇文章主要介绍了Git 的 rebase 命令使用方法,接下来,我们使用rebase命令,其命令一般形式为git rebase feature,即表示在 master 分支上执行rebase命令,将 feature 分支的代码合并到 master 分支,本文给大家介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • 在VSCode中集成DeepSeek大模型实战指南

    在VSCode中集成DeepSeek大模型实战指南

    DeepSeek是一套先进的AI工具集,旨在为用户提供强大的自然语言处理能力和其他机器学习服务,这套工具不仅提供了预训练好的模型供快速上手使用,还支持自定义调整以满足特定应用场景的需求1,本文给大家介绍了VSCode集成DeepSeek的实战指南,需要的朋友可以参考下
    2025-02-02
  • git merge最简洁用法详解

    git merge最简洁用法详解

    git-merge 命令是用于从指定的 commit(s) 合并到当前分支的操作,本文重点给大家介绍git merge最简洁用法,感兴趣的朋友跟随小编一起看看吧
    2020-12-12
  • 架构师说比起404我们更怕200错误

    架构师说比起404我们更怕200错误

    这篇文章主要为大家介绍了架构中404我们更怕200错误的解决及分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • 微信小程序下载工具及调试详解

    微信小程序下载工具及调试详解

    这篇文章主要介绍了微信小程序下载工具及调试详解的相关资料,需要的朋友可以参考下
    2016-09-09
  • 解决安装vs2019后原vs2017项目无法编译各种报错的问题

    解决安装vs2019后原vs2017项目无法编译各种报错的问题

    这篇文章主要介绍了解决安装vs2019后原vs2017项目无法编译各种报错的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论