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

扫一扫浏览

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

未结贴
1 2947
大脸猫站长未认证 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视频教程 99687
父元素flex之后,子元素高度自适应问题 11947
一张纸的厚度是0.01毫米,则该纸对折30次后是多厚(据说超过珠穆朗玛峰的高度)php实现 11520
如何收废品才能赚钱,有什么技巧?揭秘垃圾回收行业的一些规则 11328
thinkphp5隐藏默认模块的一些问题 11003
api接口文档插件easydoc的基本用法,快速搞定接口文档 10839
校园跑腿市场目前怎么样?校园跑腿系统给学生带来了哪些便捷? 10616
PHP如何判断字符串是否为json格式 10611
omnicore rpc api中文手册【usdt】 10518
垃圾回收处理后可以做成哪些资源? 10379
月度热议HOT COMMENTS
【全套视频】thinkphp5视频教程 78
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
爆料早知道: