在浏览器地址栏里显示图片 favicon.ico

iPhone/iPad等苹果移动设备上,可以把网站”添加至主屏幕”,添加时的图标可以在HTML中自定义设置图片。

可以使用apple-touch-icon和apple-touch-icon-precomposed这两种方法,两者区别是:

使用apple-touch-icon属性为“增加一层透明高光层的图标”

<link rel=”apple-touch-icon” href=”icon.png” />
使用apple-touch-icon-precomposed属性为“设计原图图标”

<link rel=”apple-touch-icon-precomposed” href=”icon.png” />

现在在网址根目录下放favicon.ico文件,只要根目录下有这个文件,浏览器会自动读取出来并显示~~

时间: 2024-09-29 02:45:23

在浏览器地址栏里显示图片 favicon.ico的相关文章

让dwz 在td里显示图片

让dwz 在td里显示图片 <[email protected]{foreach from = $list item = element}@> <tr target="gid" rel="<[email protected]{$element.id}@>" > <td><[email protected]{$element.id}@></td> <td><[email prot

jsp网页在浏览器中不显示图片_eclipse环境下配置tomcat中jsp项目的虚拟路径

遇到的问题是这种,在jsp网页中嵌入了本地的图片,由于会用到上传到服务器的图片,所以没有放到项目里面,而是把全部图片单独放到一个文件夹里,然后打算使用绝对路径把要显示的图片显示出来.比方是放在了E盘的uploadPhotos文件夹里.可是在使用绝对路径显示时.代码例如以下: <img width="200" height="150" src="E:\uploadPhotos\DSC00216.jpg" border="1"

[转]网站地址栏小图标favicon.ico的制作方法

有人也许会好奇,有的网址前面有个漂亮的小图标而且有的网站图标还会动,这是怎么做到的呢? 如下图所示: 那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到很好的作用,好了,废话不多说,现在来告诉大家怎么做favicon.ico这个网站图标文件. 虽然现在有很多在线制作网站图标的网站,但制作出来的图标实在是差强人意,而且不支持透明样式的ico,这非常糟

Java Web开发 - 将浏览器地址栏中的 Request 参数显示成中文

希望实现:在当 JSP 页面发起请求,或者 Servlet 跳转时,地址栏中的参数可以显示成中文. 在通常情况下,浏览器地址栏中的URL地址为了适配不同的浏览器,会将URL地址信息转码为"ISO 8859-1",中文参数就会被转码. 但是现在我们希望在浏览器地址栏中显示中文参数,可以使用如下办法: String url = "http://localhost:8080/test.jsp?notice=" + java.net.URLEncoder.encode(&q

转载:Tomcat发布项目时,浏览器地址栏图标的问题

最近在做一个java网络应用程序,服务器是tomcat.在默认情况下,当用户访问该网络应用时,地址栏图标显示为 tomcat猫.我希望把它换成自己的图标,于是研究了一下.在研究过程中,我发现网上的资料大都语焉不详,于是把自己的研究结果分享出来.本文的测试环 境为: tomcat 6.0.20 IE6 SP3 Firefox 3.6.13 搜狗高速浏览器 2.2.0 360安全浏览器 3.6.1 傲游浏览器 2.5.17 首先说明一下,我这个程序的用户一般使用的是基于IE6内核的外壳浏览器,比如搜

Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico文件找不到

今天使用sublime以localhost方式打开html文件时(使用wamp环境提供一个Apache服务器,html文件存在于wamp环境的www文件夹下),出现favicon.ico文件找不到问题 查看D:\wamp\logs文件夹的apache_error.log文件发现以下错误信息: [Thu May 11 16:40:06 2017] [error] [client ::1] File does not exist: D:/wamp/www/favicon.ico, referer:

网站微图标,页标签,favicon.ico

随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,也就是我们常说的favicon.ico, 由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理,所以还是新建web项目如下: home.html 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ho

favicon.ico设置及chrome浏览器不显示的解决方案

在head标签中加入如下代码 本地: 1 <link rel="shortcut icon" href="favicon.ico" /> 服务器: 1 <link rel="shortcut icon" href="/favicon.ico" /> 对于chrome浏览器,目录正确,但是显示不出来的情况,是缓存的问题.建议清除缓存后 ,按ctrl+f5键 强制刷新.

chrome浏览器更换favicon.ico后不更新缓存解决方案

chrome浏览器更换favicon.ico后不更新缓存 1.按ctrl+F5强制刷新或网页上右键重新载入.2.再不行就删除缓存.3.但这样太讨厌了,还有个小窍门屡试不爽,那就是直接在浏览器地址栏访问favicon文件.4.如果访问还是原先的ico文件,在浏览图片时刷新一下,再回到网站看一下,已经解决了,毕竟谁都不愿意为这个问题去清缓存和cookies什么的.