问题描述

不知道，大家有没有注意，有的网站，地址栏上都有一个小图标，如csdn或者是百度。

但是我个人做的网站就没有，怎样添加这样的图标呢？

其实，这个是通过favicon.ico来控制的。

favicon.ico的相关描述

favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是网站头像，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的。

怎样在网页上调用

首先我们可以查看一下，其他网站是怎么弄的，如百度翻译

首先我们得弄清楚几个概念

rel是英文单词relationship的缩写，代表链接的文件与当前文件的关系。

icon：代表导入的文件是图标

shortcut：代表导入的文件是书签

bookmark：代表导入的文件是快捷方式

type 属性规定被链接文档的 MIME 类型。

如在网站中添加如下代码

<link rel="icon shortcut bookmark" type="image/png" href="favicon.ico">

其中favicon.ico文件如下

效果如下图：

怎样给自己的网站添加一个在浏览器标签、地址栏左边和收藏夹上显示的缩略logo标志相关推荐

制作网站的缩略logo标志
制作logo缩略标志主要有以下步骤: 1.了解制作工具 favicon.ico: favicon.ico图标是网站的缩略标志,可以显示在浏览器标签.地址栏左边和收藏夹,是展示网站个性的缩略logo标 ...
【嘉然live2d】来给WP网站添加一个live2
look,同款下图的成果~ 教程开始下载解压包,上传到你的主题目录上. 然后复制下面代码保存到主题目录的 footer.php文件放在</body>的下面,并修改成你的live ...
NProgress.js - 前端全站进度条插件 - 给你的网站添加一个加载进度条
0x00 前言前几天给博客换了@Veen Zhao大佬的Cuteen主题,非常好看,但是因为不想让自己的博客和其他人的千篇一律,于是决定在Cuteen主题的前提下逐渐设计一些自己需要的东西.正巧前几 ...
#网站图标、地址栏图标、收藏夹图标、favicon.ico
本文关键词:网站图标.地址栏图标.收藏夹图标相关链接: 百度百科:favicon.ico 关于shortcut icon和icon代码的区别介绍一.favicon.ico的显示的位置: 1.在地址 ...
OCX控件强行注册+可信任站点添加+可信任站点ActiveX安全设置启用+收藏夹
这个工具有两个版本html版和bat+reg版 html版需要用户用ie打开,然后允许activeX的运行就行了,这里面会吧"OCX控件强行注册+可信任站点添加+可信任站点Activ ...
河南税务局网站添加到IE浏览器可信站点中，启用“ActiveX控件和插件”，将安全级别设置为‘中’的具体操作
河南税务局网站http://etax.henan.chinatax.gov.cn/ 添加到IE浏览器可信站点中,启用"ActiveX控件和插件",将安全级别设置为'中'的具体操作 ...
网站加入到收藏夹,前面显示的是小图标
第一步,准备一个图标制作软件. 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico作为扩展名.普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制 ...
【网站】给网站添加一个夜间模式切换按钮
使用CSS和JavaScript在明暗模式之间切换. 1.添加CSS 设置<body>元素的样式并创建.dark-mode用于切换的类 body {padding: 25px;backgr ...
给网站添加一个初音未来代码
一款动态初音未来美化代码,二次元风格,装饰你的网站也不是错的,图片链接采用QQ图床,快速又稳定,感谢支持!  <style> .cywl { posi ...

怎样给自己的网站添加一个在浏览器标签、地址栏左边和收藏夹上显示的缩略logo标志

问题描述

favicon.ico的相关描述

怎样在网页上调用

怎样给自己的网站添加一个在浏览器标签、地址栏左边和收藏夹上显示的缩略logo标志相关推荐

最新文章

热门文章