浏览器页签icon图标的设置和获取 您所在的位置:网站首页 网站图标格式 浏览器页签icon图标的设置和获取

浏览器页签icon图标的设置和获取

2023-08-24 22:41| 来源: 网络整理| 查看: 265

ReadMe 前言浏览器icon图标设置浏览器icon图标获取

前言

  今天上午小明(网络上突然放大招并且给大家带来不少笑点的那个小明)发来信息求助,具体的需求是小明正在搞一个网站的维护时需要新加一个web页面,所有的页面资源准备齐全的时候发现页签icon需要从现运行网站(此站建设与2012年比较老旧了)上把icon图标扒下来供自己使用,结果在head标签里并没有发现使用link引入的icon图标,几经折腾未能找到,因此给我发来信息寻求帮助。在许多大佬看来这是一个so easy的事情不值得一提,但是我写本文的初衷就是既然有人存在这种问题,归纳总结出来给初入编码行业的同学们提供一个方便,以此文终结关于web页面使用icon图标的苦恼;

浏览器icon图标设置

  首先来看一下这个icon是怎么设置在页面的页签位置显示的,在大多数的web页面打开以后都有如下图标显示的logo或者其他有意义的小图标,这样对于传播也是一种美好的体验;很少有就像最后一个打开是一个折角的纸张效果,看起来就没有那么美观了;

web页签   这样看来这个小图标有时候还是非常必要的,看到此处如果你已经是一个行业熟手了就可以转战其他内容了如果你也有操作上的困惑,请复制以下代码:

// 在head标签里使用link引入你需要的icon资源即可

注意:资源文件名称一般是.gif 、.ioc 文件,当然我们熟知的.jpg、.png等其他图片类型格式也是可以的;

浏览器icon图标获取

  关于图标的获取没有统一一致的方法,因为有可能网页的icon图标的名称自定义命名的;根据icon的显示属性它的占存必须是要越小越有利于页面的加载并还能突出以下页面的特色,所有常见的大概率都是.ico和.gif格式的文件,常规使用的方法就是:

最直接有效的就是在head里寻找link方式引入的icon文件;其他办法就显得没有那么精准了,如果在页面没有明确的引入方式,icon图标一般是被放置在了站点的根目录上的,那么我么就可以通过域名直接访问的文件的名称,此时问题就来了,icon的图标文件名称究竟是怎么命名的一般来看都没有人会去故意修改此文的名称,以favicon.ico或者favicon.gif命名的几率会大一些,当然也不排除故意修改自定义的名称;那么我们也只能是在这大概率中寻找可能;此时我们可以通过域名加文件名称直接访问并下载;具体代码如下: https://www.163.com/favicon.ico //域名+文件名称 条件允许的情况下也可以直接到服务器的目录里寻找;

提示:通过这个小事情看来编码要规范,要尽量的遵循行业的通用习惯,不要固执己见在一些没有必要的时候搞所谓的“创新”,给自己和后续的维护造成一些不方便;



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有