跟老姚学前端,课程体系更完善,10%基础 + 90%实战演练,快人一步学编程

扫一扫浏览

框架地址栏的小图标怎么更换

未结贴
1 887
大脸猫未认证 2020-07-20 15:34:16
收藏

253a1f4d335f548192a8713fc62a35cc.png

  • 太当回事 太当回事 24
    2020-07-27 15:59:40

    一、什么是favicon?

      所谓favicon,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。favicon 中文名称:网页图标  英文名称:favorites icon 。当然,这不是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;即网页左上角的小图标,以百度为例

     标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。favicon.icn 网页图标可以使网页显得更加专业美观,有辨识度,更好的塑造网站的主题形象。
     了解了什么是favicon.icn之后我们也可以自己尝试着给自己构建的网页添加一个 网页图标。那么 该如何添加favicon网页图标?
     
    二、添加方法  
    (一)设置相同目录
    1、 首先了解一下网页图标的规格,常用的Favicon.ico图标有3种16×16、32×32、48×48,我们也可以到计算机的文件搜索栏中输入 *.ico  查找出一个ico图片文件暂时使用。

     

    2、  然后选取一个文件放到目标文件夹下,并对 ico图片文件进行重命名,将其文件名修改为 favicon.icn 。 并将HTML文件也放到同一个文件夹之下。

    3、最后运行该文件,这时候就会发现标题栏出现了自己设置的网页图标,添加成功。

     

    (二)使用link标签链接一个icon图片文件

    注意:这里要图片路径的问题。是不是放在同一目录之下。

    link标签定义文档与外部资源的关系,最常见的用途是用于链接样式表,但是link标签也可以用来链接网页图标。

    链接样式表

    链接网页图标

    link是空元素,只包含属性,只能存在于head部分但它可以出现任意次数。

    回复
最近热帖 HOT TOPIC
【全套视频】thinkphp5视频教程 32426
父元素flex之后,子元素高度自适应问题 8271
thinkphp5隐藏默认模块的一些问题 7298
一张纸的厚度是0.01毫米,则该纸对折30次后是多厚(据说超过珠穆朗玛峰的高度)php实现 7149
教你如果处理高并发数据不同步的问题php篇 6801
omnicore rpc api中文手册【usdt】 6728
PHP如何判断字符串是否为json格式 6718
关于thinkphp5.0.x getshell漏洞的说明 6608
api接口文档插件easydoc的基本用法,快速搞定接口文档 6399
使用宝塔linux面板创建FTP无法连接的解决办法(阿里云或腾讯云) 6289
月度热议HOT COMMENTS
【全套视频】thinkphp5视频教程 33
tpframe 后续版本你希望有的功能是什么(分享贴) 12
权限那里怎么一登录别的账号就报错啊 9
关于tpframe的一点话题 6
cms插件在分类排序的时候JSON错误 6
基于tpframe v3.x 的微信公众号插件已批量上线 5
tpframe插件tcms插件v2.2已发布上线,欢迎下载使用 5
tpframe6.0马上就要跟大家见面了,一次全新的升级 5
透析thinkphp5升级版开发框架tpframe 3
新增的管理员没有权限操作CMS模块。 3