在地址栏显示网站的图标

在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。

<head>

<link rel="shortcut icon" href="http://i1.social.microsoft.com/Forums/GlobalResources/images/Msdn/favicon.ico" type="image/x-icon" />

</head>

这个图标叫做favicon,可以用ico和png格式的图片,它会出现在浏览器的地址栏,添加收藏之后的地址前面也是这个图标,快捷方式也是这个图标,基本上现代的浏览器都支持。

还有一些注意的地方,HTML和XHTML里是不一样的,在HTML里可以用下面的语法中的一种:

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

<link rel="icon" type="image/png" href="http://example.com/image.png">

<link rel="icon" type="image/gif" href="http://example.com/image.gif">

在XHTML中的图片地址可以写相对地址了:

<link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值