如何在HTML5中在title标题标签中设置小图标？title图标设置案例代码分享！

捞月亮的渔夫 2021-08-16 10:42:19 浏览数 (5586)

反馈

我们在网页中会看到不同的小图标效果那么今天我们就来说说有关于：“如何在HTML5中在title标题标签中设置小图标？”这个问题的相关内容分享和解决的方法！希望对大家有所帮助！

在html中的<head>标签里：

 <head>
  <meta charset="UTF-8">
  <title>叮叮书店</title>
  <link href="images/logo.ico" rel="icon" type="image/x-ico">
  <link href="style.css" rel="stylesheet" type="text/css">
 </head>

在这里简单说明一下：

但凡遇到自己不熟悉的东西时，其实都可以跟自己之前遇到过的相类比，从而得出它们身上的异同；

我们基本上已经知道CSS3可以引入外部样式表，<img也是通过外部引入的，那么图标也不例外，href=" "不能少，填入图标相对路径；

rel(relation 联系就是与此html网页有什么联系，是它的什么)=" "，填入图标单词icon; type=" "这个经本人测试，加不加都不影响效果，但是可能对代码的可移植性有影响，所有还是加上比较好,image是图片类型，x-ico是一种图标格式，图标其实是多张相同显示图片的不同尺寸和发色数组合而成，是三维的，所以x-ico是完整格式的缩写，像24x24 32bit、32x32 32bit 之类的像素加色深的图标格式。

效果如下所示：

那么以上的内容就是今天关于：“如何在HTML5中在title标题标签中设置小图标？”这个问题的全部内容和分享！更多有关于html5这方面的相关内容我们都可以在W3Cschool中进行学习和了解！