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页面怎么制作(HTML5中外部浏览器唤起微信分享功能的代码)
- html5video怎么优化(html5 移动端视频video的android兼容去除播放控件、全屏)
- html5实时通讯(使用Html5 Stream开发实时监控系统)
- html5怎么设置倾斜(HTML5 body设置自适应全屏)
- html5自定义字体图标(HTML5给汉字加拼音收起展开组件的实现代码)
- html5所有特性(HTML5 FileReader对象的具体使用方法)
- html5播放代码(html5 video全屏播放/自动播放的实现示例)
- html5长图拖动(html5 拖拽及用 js 实现拖拽功能的示例代码)
- html5布局(Html5让容器充满屏幕高度或自适应剩余高度的布局实现)
- html5淘汰的标签(浅谈HTML5新增和废弃的标签)
- html5导航栏跳转(Html5跳转到APP指定页面的实现)
- html5课程入门(萌新的HTML5 入门指南)
- html5表格设计(Html5饼图绘制实现统计图的方法)
- 只用html5简单动画代码(HTML5 3D书本翻页动画的实现示例)
- 每天都吃水果的好处(每天吃水果的好处与功效)
- 苹果15价格(苹果15价格512g官网)
- 春节放假几天(春节放假几天2023法定几天)
- 今天 3月13日,31年前,一个英雄少年感动了中国(今天3月13日31年前)
- 你好,新成理人丨成都理工大学2019级新生开学典礼隆重举行(新成理人丨成都理工大学2019级新生开学典礼隆重举行)
- 这部民警编演的红色话剧,讲述了一个不断追寻的故事(这部民警编演的红色话剧)