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圆角边框和边框阴影示例
May 05 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
HTML5仿手机微信聊天界面
Mar 18 HTML / CSS
前端面试必备之html5的新特性
Sep 05 HTML / CSS
html5 canvas 画图教程案例分析
Nov 23 HTML / CSS
html5中地理位置定位api接口开发应用小结
Jan 04 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
Jan 30 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
Jul 02 HTML / CSS
html5桌面通知(Web Notifications)实例解析
Jul 07 HTML / CSS
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
Feb 28 HTML / CSS
浅谈由position属性引申的css进阶讨论
May 25 HTML / CSS
HTML中link标签属性的具体用法
May 07 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通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
2012/09/30 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
JavaScript实现页面跳转的几种常用方式
2015/11/28 Javascript
AngularJS下$http服务Post方法传递json参数的实例
2018/03/29 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
浅析Python中的join()方法的使用
2015/05/19 Python
python制作花瓣网美女图片爬虫
2015/10/28 Python
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
PyQt4 treewidget 选择改变颜色,并设置可编辑的方法
2019/06/17 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
pandas数据处理之绘图的实现
2020/06/15 Python
python cookie反爬处理的实现
2020/11/01 Python
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
法国面料和小百货在线商店:Mondial Tissus
2019/03/23 全球购物
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
小饰品店的创业计划书范文
2013/12/28 职场文书
大学四年个人的自我评价
2014/02/26 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
个人授权委托书样本
2014/09/13 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书
优秀护士事迹材料
2014/12/25 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
如何正确理解python装饰器
2021/06/15 Python