码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-08-03 13:30:30      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:shortcut   class   收藏   大小   浏览器   book   pre   小图标   网站   

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

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

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

标签:shortcut   class   收藏   大小   浏览器   book   pre   小图标   网站   

原文地址:https://www.cnblogs.com/MrZhujl/p/13425535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!