HTML中title实现小图标

Posted kingboy-xin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML中title实现小图标相关的知识,希望对你有一定的参考价值。

对于不同的浏览器,方法是有差别的
  1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索

  2.这大概是所有浏览器通用的在标签页加入指定图标的方法:
    把favicon.ico图标放到网站根目录下,在网页的<head></head>中加入
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />


  3.对于火狐浏览器:图标格式没有IE那么严格,GIF和PNG格式的图标也可以显示,图标名称也可以不是favcion


  4.把图标放在根目录后,在<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" >
 

以上是关于HTML中title实现小图标的主要内容,如果未能解决你的问题,请参考以下文章

如何实线浏览器title的小图标以及rgb和rgbaopacity的区别

怎样用CSS给网站title加小图标?

title中添加小图标

浏览器的小图标

带有大图片、大图标和小图标的通知

title中小图标的实现及光标,兼容性