在网页title加入icon图标

2024-04-17 01:44:59

方法一（被动式）：

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

方法二（自动式）：

在网页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 语法的页面加入书签的时候才会有作用。

在网页title加入icon图标相关推荐

在网页中画ICON图标
相信很多前端开发人员都做过导航栏图标,其实很多网站的导航栏图标使用的技术无外乎两种,CSS Sprite雪碧图和字体图标.下面就带大家一起熟悉一下这两种在网页中画ICON图标的方式. 一.使用CSS ...
用字体在网页中画Icon图标
第一步,下载.IcoMoon网站选择字体图标并下载,解压后将fonts文件夹放在工程目录下.fonts文件夹内有四种格式的字体文件: 注:由于浏览器对每种字体的支持程度不一致,要想在所有浏览器中都显示 ...
在网页中制作icon图标
用字体在网页中画icon图标第一步:获取字体资源 IconMoon网站 https://icomoon.io iconMoon中有很多免费小图标可用,还能设置下载图标的使用属性(通过网站中设立的按钮 ...
如何在网页标题栏title加入icon图标？
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的ico图标呢? 方法一是:找一个或者作一个格式为ico的 ...
AntD的Table表头title加Icon图标和气泡提示Tooltip
如图,想在Table表单中的描述后面加上Icon图标和气泡提示Tooltip,第一时间找了AntD文档,找到搜索功能及相应图标(filterDropdown和filterIcon),也在百度上找到ht ...
设置网页title标签小图标
第一次设置网页标签小图标,找了很多帖子方法都不管用. 有的说要放到网页根目录,有的说文件名必须要favicon.ico,有的说必须16x16.其实不必这么麻烦. 下面分享我用的方法(本地图片和cdn都 ...
vue 项目修改网页 title 和图标
修改网页 title 和图标网页 title 位置和图标位置修改路径在项目文件下的 public 文件夹下的 index.html 文件中的 title 里面 // 在html 中引入文 ...
小图标的使用（插入icon图标）
@xudongh 2016-07-14 12:06 字数 2180 阅读 2050 在网页中插入icon图标的方法总结前端开发三种方法 CSS Sprite font + HTML font + ...
如何在网页标题栏title加入logo(icon)图标？
From: https://www.cnblogs.com/lyp123/articles/5661661.html 打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者 ...

最新文章

热门文章