您的位置：首页 > 编程语言 > Go语言

修改浏览器图标为自己想要的LOGO

2012-11-13 10:33 218 查看

浏览器访问自己写的Web应用，地址栏上的图标为：

看到其他网站的图标都是自己本公司的LOGO，很是好看，像百度的：

所以我也要替换，替换后的样子：

------------------------------------------------------------------------------------------------------------------------------------------------------------------

现在我们就来自己替换自己的网站图标吧：

环境：Tomcat6.0,Windows7,IE9.0

步骤：

一、设计自己ico图标Logo

1、可以自己制作ico图标，大小可以为16*16,32*32,48*48。

2、可以直接在其他网站上找链接：http://www.baidu.com/favicon.ico

在网站后面加上favicon.ico即可，因为大部分网站他们的浏览器图标都是丢在根目录下的。

二、为自己的页面添加浏览器图标

1、将favicon.ico丢到WebRoot根下面，浏览器将会自动检测到

2、项目里有ico文件：

在自己的页面<head>标签之间添加<link>标签，如下

Html代码

<head>
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"/>
</head>

<head>
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"/>
</head>

3、利用其他网站的图标：

Html代码

<head>
<link rel="shortcut icon" href="http://www.baidu.com/favicon.ico" type="image/x-icon"/>
</head>

<head>
<link rel="shortcut icon" href="http://www.baidu.com/favicon.ico" type="image/x-icon"/>
</head>

总结：1、大多数做法都会把favicon.ico发在WebRoot下面。这样页面不需要改动

2、如果需要不同页面个性化则需要第2、3种方式

3、还有就是有一些浏览器采用第一种方式不能够自动加载，需要手工在页面指定一下

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航