`
Simon.C
  • 浏览: 168281 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

给自己的网页添加上图标显示(favicon.ico)

    博客分类:
  • HTML
阅读更多
效果如javaeye网站:


favicon.ico详解:
    favicon是Favorites Icon的缩写,favicon.ico是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。

设置步骤:

1. 把做好的favicon.ico图标文件上传到网站根目录;

2. 把以下代码放到网页Html代码中的<head>部分:
<link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">


说明:若使用Apache Tomcat服务器,可以改为以下方式:
在jsp页面定义:
<% String path = request.getContextPath();%>

把以下代码放到网页Html代码中的<head>部分:
<link rel="icon" href="<%=path%>/favicon.ico" mce_href="<%=path%>/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="<%=path%>/favicon.ico" mce_href="<%=path%>/favicon.ico" type="image/x-icon">
  • 大小: 6.9 KB
分享到:
评论
1 楼 xxdd328 2011-11-08  
那你有没有在360浏览器和百度浏览器里测试过呢?

相关推荐

    对web.py设置favicon.ico的方法详解

    本文介绍在web.py中设置favicon.ico的方法: ...0、把favicon.ico图标拷贝到staic目录下,我这里是放在/static/res/目录下 1、在urls中添加映射规则: urls = ( '/', 'Index', '/favicon.ico','Icon', ) 2

    Django添加favicon.ico图标的示例代码

    所谓favicon,即Favorites Icon的缩写,让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。 默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求“/favicon.ico”这个URL,目的是获取...

    如何优雅地处理Django中的favicon.ico图标详解

    本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 起步 默认情况下,浏览器会访问网站 “/favicon.ico” 这个地址获取网站的...

    ngx-favicon:Angular服务可动态更新应用程序上的收藏夹图标

    将您的收藏图标放到项目中的某个位置(例如/src ),不要忘记将它们添加到angular.json文件中: { ... "projects": { "[YOUR PROJECT NAME]": { ... "architect": { ... "build": { ... "options": { ......

    ICO转换工具网页中如何设置在网页地址栏中的小图标:

    ICO工具,网页图标可以转换,网页中如何设置在网页地址栏中的小图标: 在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,...

    gitbook-plugin-uri-favicon:Favicon gitbook

    将您自己的Favicon从uri添加到gitbook主题中。 插件删除位于“ _book / gitbook / images / favicon.ico”的gitbook图标,并替换为您的图标。 可能有更好的方法来执行此操作,但这至少适用于大多数用例。 通过...

    WordPress Qui-PureV2.42博客主题 自媒体模板.rar

    11.新增网站标题图标favicon.ico 12.新增暗黑模式; 13.用户中心接入erphpdown,自定义用户页面,加入文章收藏点赞评论功能; 14.优化了文章详情样式排版 15.后台设置页面优化 将主题模版上传至wp模版...

    程序员5个刷题网站-FavIcon:用于检测网站支持的图标的Swift库

    当然,它只是/favicon.ico一个简单的 HTTP GET,对吗? 正确的? 出色地。 去读一读,然后看看你的感受。 快速开始 Swift 包管理器 将它作为依赖添加到你的Package.swift中: // swift-tools-version:5.0 import ...

    XyPlayer在线影视v3.8二次智能解析源码.zip

    安装说明: 前台访问: “/?v=视频链接或视频名称” 后台登录: “/admin”(默认账号admin:...favicon.ico 网站图标 crossdomain.xml SWF文件跨域访问控制文件 注意:文件直接拷贝到网站根目录下,很重要;目录:

    网页收藏夹显示ICO图标(代码少)

    在添加网页到收藏夹之后会看到一个漂亮的图标,很好奇是怎么实现的呢?其实实现代码很简单,只要在网页代码中加入一句话就可以了,不过有时候IE6/IE7/其它浏览器存在兼容性,下边代码框里的代码是IE6/IE7的代码,...

    PHP源码 爱站云 兄弟网站 源码 带 后台 分享

    已有调用代码: 后台添加站点网址:&lt;?PHP echo $conf['url']...&gt; 后台添加站点标题:&lt;?...&gt;...后台添加站点描述:&lt;...后台上图标路径:favicon.ico 详情截图:https://heikw.cn/1255.html 有问题回复,在线回复!

    给网站添加 favicon的技巧 网址前面的小图标

    所谓favicon,即Favorites Icon的缩写,中文名称是网站头像,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是 Favicon的全部,根据浏览器的不同,...

    odoo-addon-website_favicon:在使用 Odoo 构建的网站中添加网站图标的模块

    odoo-addon-website_favicon目录概述在使用 Odoo 构建的网站中添加您的网站图标插件说明此插件将您的网站图标添加到使用 Odoo 构建的网站中。设置将文件static/src/img/favicon.ico替换为您的收藏夹图标。贡献者贡献...

    phaser3wasjs:Phaser 3 + WickeyAppStore的简单PWA设置

    favicon.ico 更新favicon.ico。 资产/manifest.json 更新图像,名称和颜色。 资产/ wickeyappstore 更新图标,屏幕截图和特色图片。 src / index.html 更新标题和描述。 sw-precache-config.js 添加服务工作者需要...

    rxfavico:Meteor 的React式图标

    用法安装像任何其他 Meteor 包一样: # In you Meteor project's foldermeteor add pierreeric:rxfavico一、标记在您的布局中,只需添加一个 favico,在其上设置 id rxfavico并将favicon.ico放在您的/public文件夹中...

    nweb:用C语言编写的小型Web服务器

    适用于版本23的nweb自述文件 错误已修复-正在复制nweb.... 然后,浏览器将其显示在URL旁边的小图形上。 我做的那个看起来像是蓝色背景。 + --- + | n | |网页| +- 由于1)删除了几行,所以我设法添加2)并仍然保持在20

    最新版Xyplayer X3.91正式版带后台XyPlayer 智能解析 ,是用PHP开发的一款拥有强大的后台管理,一次解析

    favicon.ico网站图标w wwni Nwt aa crossdomain.xml 文件跨域访问控制文件注意,文件直接拷贝到网站根目录下,很重要; 目录*admin 后台管理目录,为了安全请改名 video API模块目录 a save 数据保存目录,注意:...

    Kolay-HTML-Site:您可以使用此文件为HTML网站奠定基础。 我为您添加了有用的文件

    通过以最美丽,最令人印象深刻的方式创建网站图标设计,可以使您的网站更美丽,更丰富。 Favicon用法示例: &lt;link rel= “shortcut icon” href=” /favicon.ico” type=” image/x-icon” /&gt; 这样,您就可以...

    xyplayer x4.0.7和4.0.8测试版智能解析 X4

    favicon.ico 网站图标 crossdomain.xml 文件跨域访问控制文件 注意:文件直接拷贝到网站根目录下; 目录:* admin 后台管理目录,为了安全请改名dmku 弹幕接口目录video API模块目录save 数据保存目录, 注意:权限...

Global site tag (gtag.js) - Google Analytics