浏览器打开的标签处的网站图标怎么设置?

浏览器打开的标签处的网站图标怎么设置?,第1张

你指的是ico图标吧。favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,目前主要的浏览器都支持favicon.ico图标。\x0d\x0a你可以首先去网上找一个ico图标在线制作的网页,把图标制作好后,上传到网站页面程序,在页面源文件的标签之间插入该段\x0d\x0a\x0d\x0a最后形成:\x0d\x0a\x0d\x0a...\x0d\x0a\x0d\x0a\x0d\x0a然后,就ok了。

浏览器调用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”>

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

含义:在浏览器标签中显示favicon,在收藏夹中显示favicon。

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

首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

程序代码 <link rel=shortcut icon href=favicon.ico >

<link rel=icon href=animated_favicon.gif type=image/gif >即可。

更目录下放一个favicon.ico的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,使用方法如下:

首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

程序代码 <link rel="shortcut icon" href="favicon.ico" >

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11329360.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存