美文网首页
HTML笔记13:浏览器标签页Tab显示图标

HTML笔记13:浏览器标签页Tab显示图标

作者: _百草_ | 来源:发表于2022-04-02 11:02 被阅读0次

1. 期望样式

logo

2. 实现

对于不同的浏览器,方法是有差别的
1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索
2.这大概是所有浏览器通用的在标签页加入指定图标的方法:
把favicon.ico图标放到网站目录下,在网页的<head></head>中加入

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
# rel执行
# href 指定路径,也可以是链接
# type是href类型,默认icon
如:
<link href="http://csdnimg.cn/www/images/favicon.ico" rel="SHORTCUT ICON">

3.对于火狐浏览器
3.1 图标格式没有IE那么严格,GIFPNG格式的图标也可以显示,图标名称也可以不是favcion
3.2. 把图标放在目录后,在<head></head>中加入

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >
或
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >

3. 引申:link

link.png

注:

  1. 转自在浏览器的标签页显示网站标志图标(或指定图标)的方法
  2. HTML link标签
  3. Link rel 属性

相关文章

  • HTML笔记13:浏览器标签页Tab显示图标

    1. 期望样式 2. 实现 对于不同的浏览器,方法是有差别的1.对于IE或TT浏览器:把需要显示的16x16像素[...

  • Firefox个人配置简要

    扩展 Tab Mix Plus加强标签页功能 可以实现在紧邻标签页打开新标签页;屏幕外标签页当前屏幕显示;快捷键跳...

  • 【一周采集】#01

    1、浏览器中对标签页进行操作的快捷键: Control + Tab: 切换到当前标签页右侧的标签页,已经是窗口最右...

  • Tab Space:一键开启浏览器网页,轻松应对工作!

    浏览器常年开着 N 多标签页,但只要浏览器垮掉或者机器重启后,标签页都会从新打开,真的很费时间,Tab Space...

  • 做了一个小东西。

    写了一个chrome浏览器的新标签页小插件,暂时起名叫 Fries Tab(?薯条新标签页)。 logo如下: 主...

  • 禁止 favicon.ico 请求 - H5移动端

    favicon.ico 图标用于收藏夹图标和浏览器标签上的显示,如果不设置,浏览器会请求网站根目录的这个图标,如果...

  • UGUI实现tabs标签

    http://www.unity.5helpyou.com/2805.html unity游戏开发中tab标签页想...

  • Day02笔记

    一、HTML常用标签 1、body标签: 用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文...

  • [Chrome] DevTools Page与当前页面的Pane

    1. tab页 Chrome浏览器是由tab页组成的,一个浏览器实例中可以打开多个tab页。 2. DevTool...

  • HTML骨架标签

    文档类型声明标签,不属于HTML标签告诉浏览器使用哪种html版本来显示网页

网友评论

      本文标题:HTML笔记13:浏览器标签页Tab显示图标

      本文链接:https://www.haomeiwen.com/subject/iocajrtx.html