网站页面上标签页小图标的添加方式

Posted mrzhujl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网站页面上标签页小图标的添加方式相关的知识,希望对你有一定的参考价值。

在head标签中添加:

<link rel="Bookmark" type="image/x-icon" href="b/img/icon/favicon.ico" />
<link rel="icon" type="image/x-icon" href="b/img/icon/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="b/img/icon/favicon.ico" />

shortcut icon,特指浏览器中地址栏左侧显示的图标,一般大小为16x16,后缀名为.icon;

icon,指的是图标,格式可为PNGGIFJPEG,尺寸一般为16x16、24x24、36x36等。把这个图标放到网站的根目录下就可以了,页面加载时浏览器会自动检索这个图标然后把它加到标题上(当然也可以放在一个页面可以请求到的目录下)。

Bookmark,当网站收藏到收藏夹中时,显示在前面的图标。

以上是关于网站页面上标签页小图标的添加方式的主要内容,如果未能解决你的问题,请参考以下文章

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

php和ajax分页小案例

如何为网站添加浏览器标签图标(favicon)?

如何在网站上安装Favicon.ico识别图标

Web网站主如何更改网页标签的图标(favicon.ico)

如何在浏览器的新标签页显示新的内容?