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

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

    博客分类：
  • HTML
Tomcat浏览器JSPHTMLApache 
阅读更多
效果如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
分享到：
| 关于Struts 1.2中的.do跳转
评论
1 楼 xxdd328 2011-11-08  
那你有没有在360浏览器和百度浏览器里测试过呢？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    favicon.ico 图标大全

    【favicon.ico 图标大全】是为了解决网页标识问题而提供的资源集合，它包含了各种流行、个性化的图标设计，适用于不同网站的需求。Favicon（Favorites Icon）是网站的图标，通常显示在浏览器的地址栏、书签栏以及...

    网站浏览器导航图标favicon.ico

    在“网站浏览器导航图标favicon.ico”这个主题中，我们将深入探讨如何创建和设置这个特殊的图标。 favicon.ico 文件格式： Favicon 图标通常是 ICO 格式的，这是一种支持多种尺寸和颜色深度的图像文件格式，特别...

    什么是favicon.ico？favicon图标制作和制作技巧.docx

    3. 添加代码：在网页的头部添加以下代码，以便浏览器能够识别 favicon.ico 图标。 在制作 favicon.ico 图标时，需要注意以下几点： 1. 图片尺寸：favicon.ico 图片的尺寸必须是 16*16 像素。 2. 图片格式：...

    给自己的网站制作一个favicon.ico图标的实现方法

    ### 给自己的网站制作一个favicon.ico图标的实现方法 #### ICO图标的重要性 在现代网络环境中，网站不仅仅是一个信息展示的平台，它还是品牌形象的一部分。一个精心设计的网站往往会在细节处展现出其专业性和独特...

    在node.js中怎么屏蔽掉favicon.ico的请求

    在Web开发中，favicon.ico是网页的图标，通常用于显示在浏览器标签页上。当用户访问网页时，浏览器会自动尝试获取该图标，除非服务器已经响应过该请求。许多服务器端框架或平台允许配置自定义的图标，如果不进行配置...

    关于favicon.ico的两三事(最好就是放根目录)

    Favicon.ico，即网站的小图标，是一种广泛应用于互联网中的网页元素，它通常显示在浏览器的标签页、地址栏和书签上。Favicon.ico文件一般放置在网站的根目录下，以便浏览器能够自动找到并使用。当网站的HTML代码中...

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

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

    nginx关闭favicon.ico、robots.txt日志记录配置

    `favicon.ico`是网站的图标，通常显示在浏览器的地址栏或书签中，为用户提供视觉识别。而`robots.txt`是一个文本文件，用于指导搜索引擎爬虫哪些页面可以抓取，哪些不能。然而，当这些文件不存在时，Nginx会记录404...

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

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

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

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

    Add favicon.ico to Flex Application

    "Add favicon.ico to Flex Application" 这个主题聚焦于如何为Flex应用添加一个favicon图标，这个图标通常显示在浏览器的地址栏、书签列表以及新标签页上，增强了用户对应用的认知度。 Flex是一种基于Adobe AIR和...

    [其他类别]PHP 在线生成 favicon.ico_favicon.zip

    在互联网世界中，每个网站都有一个独特的图标，它位于浏览器的地址栏、书签和标签页上，这就是我们所说的 favicon。在本主题中，我们将深入探讨如何使用 PHP 来在线生成 favicon.ico 文件，这是一个用于网站识别的...

    html添加ico镜像代码(favicon.ico放在根目录)

    favicon通常显示在浏览器的标签页上，也可以在书签栏、历史记录以及移动端的网站快捷方式中显示。为了实现这一功能，我们需要准备一个名为favicon.ico的图标文件，并将其放置在网站根目录下。然后，通过在HTML代码中...

    PHP实例开发源码—Favicon.ico远程获取插件 php版.zip

    这个插件对于那些需要在自己的网站上显示其他网站favicon的开发者来说非常有用，例如在链接预览、书签管理或新闻聚合应用中。 【描述】中提到的"PHP实例开发源码—Favicon.ico远程获取插件 php版.zip"表明这个...

    图标资源 .ico图标

    3. **像素完美**：对于`.ico`图标，设计师需要关注像素对齐，确保在像素级别上每个形状和边缘都是完整且平滑的，因为这些图标会在像素网格上显示。 4. **多种尺寸和颜色深度**：`.ico`文件可以包含多种尺寸（如16x...

    vue小图标favicon不显示的解决方案

    Vue 小图标 Favicon 不显示的解决方案 一、Vue 小图标 Favicon 的重要性 在 Web 应用程序中，小图标 Favicon 是一个非常重要的组件，它可以帮助用户快速识别网站的身份和品牌形象。然而，在使用 Vue 框架时，小...

    为网站添加网站图标ico,动画图标gif(在浏览器地址栏中显示).zip

    网站图标（Favicon）是网页的一种重要组成部分，它在浏览器的地址栏、书签和历史记录中显示，有助于提升网站的识别度。本教程将详细解释如何为网站添加静态的ICO图标以及动态的GIF动画图标。 首先，我们来了解什么...

    解决Vue 项目打包后favicon无法正常显示的问题

    在开发Web应用时，添加favicon图标能够提升网站的辨识度和专业性。然而，在使用Vue.js框架构建项目时，可能会遇到打包后favicon图标无法正常显示的问题。这个问题通常与资源路径配置有关，尤其是在使用本地图片作为...

Magicbox
Global site tag (gtag.js) - Google Analytics