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

最新推荐文章于 2021-01-16 19:01:13 发布

原创最新推荐文章于 2021-01-16 19:01:13 发布 · 865 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Tomcat #浏览器 #JSP #HTML #Apache

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何设置网站的favicon.ico图标，包括图标文件的制作、上传位置及HTML代码的配置方法，并提供了Apache Tomcat服务器环境下特定的实现方案。

效果如javaeye网站：
[img]http://dl.iteye.com/upload/attachment/348394/4b18c0f3-4c55-3472-b5ab-5572ae413ce2.jpg[/img]

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

[b]设置步骤：[/b]

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">

[color=red][b]说明：[/b][/color]若使用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">