在网页标题前添加一个小图标

很多网页的标题前面都有一个小图标，比如像：

这其实是利用了HTML中的link标签，要达到这种效果我们需要用到link中的三个属性：rel，href和type。

注意这里的小图标图片格式最好为ico，虽然其他格式像png也达到了同样的效果。

再说说三个属性。rel的属性值为shortcut icon。href就是图标地址，一般都在根目录（我这里是放在根目录下的）。type的值为image/x-icon。

（这段代码的位置在一般在title标签旁，当然只要放在head里面就没啥影响）

之后再次打开刷新网页就行了。

在网页标题前添加一个小图标相关推荐

如何在网页标题前添加图标
在前端中,我们为了页面的美化有时需要给标题前面添加图标.今天,我们来看一下如何添加: 首先,先看一下只添加标题的结果 <!DOCTYPE html> <html> <he ...
php更改导航栏图标,wordpress导航菜单前添加矢量小图标
wordpress导航菜单前的 Icon矢量图标看着很舒服,于是就研究了一下.网上的方法有很多像插件,大多收费并影响服务器,所以不推荐;还有就是在标题前加img标签,好丑的样子,不推荐.最后,一种是最 ...
html title中加图标,科技常识：HTML中title前面小图标的实现_如何给网页标题添加icon小图标...
今天小编跟大家讲解下有关HTML中title前面小图标的实现_如何给网页标题添加icon小图标 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML中title前面小图标的实现_如何给网 ...
给网页标题添加icon小图标
so easy: 给网页标题添加icon小图标: 直接在html文件的head部分添加下面代码(注意href的路径): <link rel="icon" type=" ...
如何在页面标题前添加自己的logo图标
如何在页面标题前添加自己的logo图标?如下图所示下面给介绍两种方式: 1.如果你使用的是tomcat,并且你的tomcat下面项目可以使用统一logo,那么可以直接修改tomcat ROOT目录下 ...
如何在网页标题左边添加ico图片
如何在网页标题左边添加ico图片就像CSDN前面那个红色的C一样. 在我们的html文件的head部分添加下面一行代码就可以了. <link rel="shortcut icon&q ...
如何给网页标题添加icon小图标
今天给大家分享的是如何在网页标题中加入小图标,就像CSDN前面那个红色的C一样. 主要介绍两种方法: 1.在html文件的head部分添加下面代码(注意href的路径). <link rel=& ...
前端给网页添加标题和前面的小图标原生html和vue项目
目录效果图如下一.添加标题 1.原生html添加方法 2.vue添加方法二.网页前面的小图标 1.原生html添加方法pc端和移动端同时添加html里面 (1).pc端如下 (2).移动端如下 ...
微信分享自定义：标题、内容、小图标
注意:实现此功能需要做的准备工作. (1:):准备一个认证过的微信公众号. (2):登录微信公众后台配置ip白名单,添加域名. (3):获取公众号的app_id和app_secret 1. 在要分享的 ...
html中图片只是一个小图标,如何用css显示一个图片中多个小图标？
去搜一下css中background的用法,一切尽在其中. 最重要的一点是你要了解背景图片在控制项中显示的起始位置,控制项的高度,宽度. 以下是简要分析,你还要实践一下才能掌握真谛: 对一个宽度40 ...

在网页标题前添加一个小图标

在网页标题前添加一个小图标相关推荐

最新文章

热门文章