HTML——头部引入网页图标

<link rel="icon" href="URL" type="image/x-icon">

icon：图标;

URL: 想要引入图片的地址（不建议随意改变引入图片在文档外存放的的位置或图片格式）

type：类型；个人感觉type属性一般不会用到；

type属性

rel ：rel 属性规定当前文档与被链接文档之间的关系或者用途；

只有rel属性‘stylesheet’值支持所有浏览器。其他值在其他浏览器只得到了部分的支持。

定义和用法

在 html 中，<link>标签是空元素，也就是说 <link> 标签没有结束标签。它仅包含属性。

例：

详情：学习link标签网址 CSDNhttps://www.w3school.com.cn/tags/tag_link.asphttps://www.w3school.com.cn/tags/tag_link.asp

HTML——头部引入网页图标相关推荐

给网页图标字体 Font Awesome 添加动画效果
在国外网站中使用Web字体已经流行起来,虽然使用中文不太靠谱,但我们可以使用图标字体,也是很是方便的,图标字体有很多,可看<30个免费网页图标字体以及使用方法>一文,其中Font Awes ...
html如何让网页有图标,HTML设置网页图标的两种方法
在写HTML页面时少不了要使用各种小图标,来丰富页面元素. 我们经常会使用两种方式来做网页图标背景精灵矢量图标库使用背景精灵实现网页图标通俗的讲就是把小图标整合到一张图中,然后在css引入背景 ...
如何修改vue的网页图标
今天在写vue项目时碰到的问题是怎么修改vue的网页图标,如图所示: ![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/43 ...
【HTML + CSS】如何引入icon图标
1.使用icon图标首先将图标放在根目录下在html里,head之间引入代码 <link rel="shortcut icon" href="favicon.i ...
使用icomoon引入字体图标及扩充字体图标的方法
何为字体图标? 在说字体图标之前,我们先说一下图片,图片可以让我们的界面更加美丽,但是图片也是有缺点的,比如图片会增加总文件的大小,还会增加额外的HTTP请求,这都会降低网页的性能的.更重要的是图片不 ...
引入第三方图标库，并在前台罗列图标
目前在项目中引入一个第三方矢量图标库已经成为了非常常见的需求.这是因为矢量图不仅体积小,而且在放大时不会失真,颜色也可以轻松修改.相比于传统的方式去加载大量的图片(假设你没有用"雪碧图&qu ...
vue+element-ui项目引入第三方图标库：阿里巴巴矢量图标库（问题：小方框）
因为element-ui内置的小图标非常有限,所以有时候,我们需要自定义或引入第三方图标库. 先介绍下阿里巴巴矢量图标库iconfont: 这个截图只显示了第一行的图标库,还有很多. 也许,我们需要的 ...
给自己的网页制作一个网页图标
昨天我在做一个用Node.js搭建一个简单服务器的练习时,遇到了一个问题,就是前端的网页在向后端做数据请求时,除了我们用户所做的基本请求以外,浏览器一般会默认自带的向服务器发送另外一个请求,也就是我们 ...
jsp设置网页图标最简单粗暴方法
jsp设置网页图标最简单粗暴方法前言过程方法前言因为觉得一篇博客太短会很不够意思,所以加一点把这个方法搞出来的小过程(水字数顺便吐槽一下CSDN里那些无脑复制粘贴怪). 这里提前提一下,用图 ...

HTML——头部引入网页图标

定义和用法

HTML——头部引入网页图标相关推荐

最新文章

热门文章