网页标签中使用任意大小图片添加小图标

Posted yjpfront-end

tags:

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

今天学习时看到一个很实用的添加小图标的方式。我随便截了张200*200的PNG图片,

技术分享图片技术分享图片

然后在<head>标签中插入了如下<link>标签:

1 <link rel="icon" href="./picture.png" type="image/gif" size="16*16"/>

效果是这样的:

技术分享图片

PS:1.可以使用任意大小的图片哦!

   2.<link>标签的size属性值写“any”也是可以的。

   3.至于支持的图片格式问题,我只试验了PNG,GIF以及SVG图片其他的没有试验。

以上是关于网页标签中使用任意大小图片添加小图标的主要内容,如果未能解决你的问题,请参考以下文章

input如何添加图标

如何使用CSS设置标签的背景小图标 简单

SpringBoot如何修改网页标签上展示的小树叶

百度地图js API icon大小问题

如何在网页标题栏title加入icon图标?

网页中如何让鼠标指针变成小手状