IT常识
技术 Python PHP JavaScript IOS Android Java 数据库 资源 公众号 代码片段 github
  • IT常识
  • 技术

网页小图标设置

Posted 2020-08-15

tags:

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

一、什么是网页小图标

 

二、如何设置网页小图标

网页的显示图标可以通过link来设置:

<!-- rel="shortcut icon"即标签栏行显示的图标。 -->
<link rel="shortcut icon" href="http://images.cnblogs.com/cnblogs_com/cc11001100/898804/o_c.png" type="image/x-icon">
<!-- rel="bookmark"即收藏夹栏里显示的图标。 -->
<link rel="bookmark" href="http://images.cnblogs.com/cnblogs_com/cc11001100/898804/o_c.png">

 

三、总结回顾

之前只知道link可以用来导入css文件(链接样式),如此<link rel="stylesheet" href="..." />。

 

思考:

link应该就是用来引用资源的,然后使用rel来设置一下引用的什么资源,让浏览器去解析。

 

待补项:通过web容器设置网页小图标。

以上是关于网页小图标设置的主要内容,如果未能解决你的问题,请参考以下文章

设置网页浏览器标签小图标

给网页标题插入小图标

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

标签栏小图标

给网页标题添加icon小图标

用fontAwesome代替网页icon小图标

(c)2006-2024 SYSTEM All Rights Reserved IT常识