html5如何设置标签(HTML5中在title标题标签里设置小图标的方法)
类别:Web前端 浏览量:1242
时间:2021-10-13 00:50:26 html5如何设置标签
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标题里设置小图标内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- html5常用标记(HTML5超文本标记语言的实现方法)
- html5清除浮动的方法(HTML5实现移动端点击翻牌功能)
- html5做app流程(Html5嵌入钉钉的实现示例)
- html5新的表单元素新的特性(HTML5表单验证特性知识点小结)
- HTML5 <figure> 、<figcaption>标签
- html5游戏新手引导开发(使用数据结构给女朋友写个Html5走迷宫游戏)
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- html5表单元素自带验证功能(纯CSS3实现表单验证效果非常不错)
- html5怎么设置倾斜(HTML5 body设置自适应全屏)
- html5导入图片文件(HTML5 实现图片上传预处理功能)
- html5 canvas 特效(JavaScript canvas实现流星特效)
- html5的表单怎么写(HTML5新增form控件和表单属性实例代码详解)
- HTML5中新增的Input类型
- html5中canvas标签(html5 canvas绘制网络字体的常用方法)
- html5 布局设计(Html5导航栏吸顶方案原理与对比实现)
- html5 postMessage(html5关于外链嵌入页面通信问题postMessage解决跨域通信)
- 梦见别人家修房子是什么预兆(梦见别人家修房子是什么意思)
- 减肥可以吃的食物清单(减肥可以吃什么)
- 怎样去除白菜上的虫子小妙招(去除白菜上的虫子的做法)
- 吃大蒜口臭怎样去除(吃大蒜口臭怎么办)
- 海底两万里第12章主要内容(海底两万里12章内容概括)
- 物流零担是什么意思(物流零担的解释)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9