编程 HTML / CSS

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标题里设置小图标内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章，希望大家以后多多支持三水点靠木！

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

- Author -

livejq

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

CSS3中的注音对齐属性ruby-align用法指南

Jul 01 HTML / CSS

纯CSS3实现带动画效果导航菜单无需js

Sep 27 HTML / CSS

一款简洁的纯css3代码实现的动画导航

Oct 31 HTML / CSS

初探CSS3中的calc()功能

Jul 14 HTML / CSS

html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法

Jan 09 HTML / CSS

HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题

Apr 24 HTML / CSS

实例讲解利用HTML5 Canvas API操作图形旋转的方法

Mar 22 HTML / CSS

HTML5实现页面切换激活的PageVisibility API使用初探

May 13 HTML / CSS

HTML5 新标签全部总汇(推荐)

Jun 13 HTML / CSS

HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题

Apr 27 HTML / CSS

CSS3实现列表无限滚动/轮播效果

Jun 23 HTML / CSS

CSS 鼠标点击拖拽效果的实现代码

Dec 24 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中将汉字转换成拼音的函数代码

2012/09/08 PHP

thinkphp5 框架结合plupload实现图片批量上传功能示例

2020/04/04 PHP

YII2框架中actions的作用与使用方法示例

2020/03/13 PHP

slice函数的用法之不错的应用

2006/12/29 Javascript

IE6图片加载的一个BUG解决方法

2010/07/13 Javascript

基于jquery循环map功能的代码

2011/02/26 Javascript

深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解

2013/05/08 Javascript

使用javascript过滤html的字符串(注释标记法)

2013/07/08 Javascript

js实现鼠标移到链接文字弹出一个提示层的方法

2015/05/11 Javascript

AngularJS ng-style中使用filter

2016/09/21 Javascript

利用vue写todolist单页应用

2016/12/15 Javascript

jQuery的ajax中使用FormData实现页面无刷新上传功能

2017/01/16 Javascript

Node.js使用Koa搭建基础项目

2018/01/08 Javascript

详解html-webpack-plugin用法全解

2018/01/22 Javascript

layui添加动态菜单与选项卡

2019/07/26 Javascript

vue 动态添加class,三个以上的条件做判断方式

2020/11/02 Javascript

忘记ftp密码使用python ftplib库暴力破解密码的方法示例

2014/01/22 Python

使用pyecharts无法import Bar的解决方案

2020/04/23 Python

Python编程之黑板上排列组合，你舍得解开吗

2017/10/30 Python

Python实现将数据框数据写入mongodb及mysql数据库的方法

2018/04/02 Python

python爬虫实例详解

2018/06/19 Python

浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法

2019/06/25 Python

TensorFlow tf.nn.conv2d实现卷积的方式

2020/01/03 Python

Python基于requests库爬取网站信息

2020/03/02 Python

Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示

2020/04/08 Python

RUIFIER官网：英国奢侈高级珠宝品牌

2020/06/12 全球购物

.NET程序员的几道面试题

2012/06/01 面试题

毕业生求职自荐信怎么写

2014/01/08 职场文书

超市优秀员工获奖感言

2014/08/15 职场文书

2014年最新领导班子整改方案

2014/09/27 职场文书

2015年党日活动总结范文

2015/03/25 职场文书

三方合作意向书范本

2015/05/09 职场文书

nginx基于域名，端口，不同IP的虚拟主机设置的实现

2021/03/31 Servers

go select编译期的优化处理逻辑使用场景分析

2021/06/28 Golang

仅仅使用 HTML/CSS 实现各类进度条的方式汇总

2021/11/11 HTML / CSS

电频谱管理的原则是什么

2022/02/18 无线电