您的位置:首页 > Web前端 > JavaScript

网页中如何设置在网页地址栏中的小图标(收藏)

2011-08-20 13:58 555 查看
网页中如何设置在网页地址栏中的小图标:(推荐在线制作:http://free.logomaker.cn/tools/icoMaker.aspx
下面我们就讲讲:
  <link rel="SHORTCUT ICON" href="http://****/*****.ico">

  <link rel="BOOKMARK" href="http://*****/*****.ico">

eg.

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


这两个代码的作用。
在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置?
通常做法是:
要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。
在源文件“<head></head>”之间添加如下代码:
<Link Rel=\"ICON NAME\" href=\"http://图片的地址(注意与刚才的目录对应)\">
收藏夹:
favicon.ico
你随便用一种画象素的工具,画一个图标,然后起成这个名字,上传到你所有网页文件的那个文件夹里就行了。
一般都会自动找这个favicon.ico的文件,只要有,就会显示。
并且是根目录下
地址栏的方法:
只是在网页中多加入下面一条代码就行了。
<link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” />
如果手头没有合适的工具制作图片,也可以选择一个自己喜欢的图片,然后到这个网站去自动生成一个。
Favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.bitbug.net/  | http://favicon.tugai.net/,这里提供一个免费的在线“收藏夹”图标生成器,如果您
E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)
第三步,设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。
觉得对你有用的话,就收藏下来吧...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息