黑猴子的家：JavaWeb 之 Title icon

2024-05-16 05:52:00

如何在网页标题栏title加入logo(icon)图标？
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标，当网页被添加到收藏夹或者书签中时也会出现网页的图标，怎么在网页title左边显示网页的logo图标呢？

1、方法一（被动式）

制作一个ico格式的图片，将图片命名为favicon.ico，像素大小为16*16，所使用的颜色不得超过16色，然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根目录，只要它一发现了名字叫做favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。

2、方法二（自动式）

在网页HEAD标记中添加如下代码：
标题栏：

<link rel="icon" href="ico地址" type="image/x-icon">

收藏夹：

<link rel="shortcut icon" href="ico地址" type="image/x-icon">

注意：图标要用 16*16 色的。。。(保证了兼容性，无论在哪个地方都可以显示)

在这里要注意，如果将 16*16 的 bmp 文件改为 ico ，在WINDOWS 支持，但放在浏览器或别的软件就会出错。因此图片的格式要通过软件来调整，毕竟内部的信息是不一样的。

同时在使用方法二的时候，就不一定要把图形文件放在网站的根目录下面了，你可以放在任何位置，甚至直接连结到其他网站上面的图形文件也可以，而且图形文件的文件名也不一定要叫做 favicon.ico，可以自己随便取。不过要注意的是使用这个做法的话，只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。

黑猴子的家：JavaWeb 之 Title icon相关推荐

黑猴子的家：python str 字符串操作
字符串特性:不可修改 1.首字符大写 >>> name = "my \tname is {name} and i am {year} old" >>& ...
java 映射施舍呢,黑猴子的家：Java 8 - Stream 中间操作(映射)
1.概念多个中间操作可以连接起来形成一个流水线,除非流水线上触发终止操作,否则中间操作不会执行任何的处理!而在终止操作时一次性全部处理,称为"惰性求值". 2.映射 3.map ...
黑猴子的家：下载svn客户端
1.官网 https://tortoisesvn.net/ (客户端) https://www.visualsvn.com/(服务端+客户端) 2.Downloads 3.TortoiseSVN 64 ...
黑猴子的家：下载SVN服务端
https://www.visualsvn.com/(服务端+客户端) 1.download 2.64-bit 3.下载查看全文 http://www.taodudu.cc/news/show-70 ...
黑猴子的家：TortoiseSVN 客户端安装
1.双击运行 2.Next 3.Next 4.Next 5.Install 6.Finish 查看全文 http://www.taodudu.cc/news/show-7033935.html 相关文 ...
黑猴子的家：JavaWeb 之 Tomcat
Tomcat是可以运行JSP .Servlet.Filter. 这样的程序的,因为Tomcat已经实现了JavaEE 里面的一些规范,Java EE 的工程是主要就是写JSP .Servlet.Fil ...
黑猴子的家：Centos 7.x 安装百度网盘baidunetdisk
1.升级 gcc 版本到 > 4.9.0 之前有一篇博文,内容就是centos 7.x gcc 4.8.5 升级到 gcc 4.9.4 说的很详细,这里就不再赘述了 2.安装Yum依赖 [roo ...
黑猴子的家：Ubuntu18.04.2 安装 QQ 就是这么简单
1.打开 Ubuntu 软件商店 2.安装 winetricks 3.打开 Winetricks 4.安装一个windows应用 -> ok 5.qq -> ok 会下载安装包以及一些插件 ...
第七个猴子java_黑猴子的家：Java SE 练习题第七章
尾部都有答案第七章练习题(多态) (1)下列自'关多态的叙述正确的是哪项?(选两项) A. 父类的引用指向子类的实例是一种多态 B. 子类的引用指向子类的实例是一种多态 C. 接口的引用指向实现该接 ...

最新文章

热门文章