HTML5中在title标题标签里设置小图标的方法


Posted in HTML / CSS onJune 23, 2020

一张网页,如果标题只有文字,那会显得特别单调;那么如何加入一个小图标呢,废话不说,代码展示。

在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中在title标题标签里设置小图标的方法的文章就介绍到这了,更多相关HTML5标题里设置小图标内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
简单掌握CSS3将文字描边及填充文字颜色的方法
Mar 07 HTML / CSS
使用CSS3在触屏上为按钮实现激活效果
Sep 27 HTML / CSS
CSS3图片旋转特效(360/60/-360度)
Oct 10 HTML / CSS
两种CSS3伪类选择器详细介绍
Dec 24 HTML / CSS
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
Oct 10 HTML / CSS
CSS3近阶段篇之酷炫的3D旋转透视
Apr 28 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
Oct 23 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
Jan 31 HTML / CSS
HTML5新增加标签和功能概述
Sep 05 HTML / CSS
微信端html5页面调用分享接口示例
Mar 14 HTML / CSS
html svg生成环形进度条的实现方法
Sep 23 HTML / CSS
html2canvas生成清晰的图片实现打印的示例代码
Sep 30 HTML / CSS
Canvas 文本填充线性渐变的使用详解
Jun 22 #HTML / CSS
HTML5播放实现rtmp流直播
Jun 16 #HTML / CSS
HTML5实现应用程序缓存(Application Cache)
Jun 16 #HTML / CSS
html5实现九宫格抽奖可固定抽中某项奖品
Jun 15 #HTML / CSS
HTML5页面无缝闪开的问题及解决方案
Jun 11 #HTML / CSS
Html5导航栏吸顶方案原理与对比实现
Jun 10 #HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 #HTML / CSS
You might like
PHP的开合式多级菜单程序
2006/10/09 PHP
浅谈PHP中的
2016/04/23 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
jquery 实现拖动文件上传加载进度条功能
2018/03/18 jQuery
微信小程序签到功能
2018/10/31 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
原生JS实现京东查看商品点击放大
2020/12/21 Javascript
python记录程序运行时间的三种方法
2017/07/14 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
Python 爬虫的原理
2020/07/30 Python
python如何爬取动态网站
2020/09/09 Python
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
自我推荐信范文
2014/05/09 职场文书
全国文明单位申报材料
2014/05/31 职场文书
金融与证券专业求职信
2014/06/22 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
党员自我评价2015
2015/03/03 职场文书
2015年高二班主任工作总结
2015/05/25 职场文书
第一书记观后感
2015/06/08 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript