编程 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背景_动力节点Java学院整理

Jul 11 HTML / CSS

css3 border-image使用说明

Jun 23 HTML / CSS

基于css3实现漂亮便签样式

Mar 18 HTML / CSS

html5 canvas-2.用canvas制作一个猜字母的小游戏

Jan 07 HTML / CSS

HTML5视频支持检测(检查浏览器是否支持视频播放)

Jun 08 HTML / CSS

html5的canvas方法使用指南

Dec 15 HTML / CSS

html5实现完美兼容各大浏览器的播放器

Dec 26 HTML / CSS

借助HTML5 Canvas API制作一个简单的猜字游戏

Mar 25 HTML / CSS

HTML5制作表格样式

Nov 15 HTML / CSS

基于HTML5 WebGL的3D机房的示例

Mar 16 HTML / CSS

如何在CSS中绘制曲线图形及展示动画

May 24 HTML / CSS

六个好看实用的 HTML + CSS 后台登录入口页面

Apr 28 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文件上传的简单实例

2013/10/19 PHP

自己写的兼容低于PHP 5.5版本的array_column()函数

2014/10/24 PHP

PHP中file_exists使用中遇到的问题小结

2016/04/05 PHP

PHP堆栈调试操作简单示例

2018/06/15 PHP

PHP array_shift()用法实例分析

2019/01/07 PHP

遨游，飞飞，IE，空中网浏览器无提示关闭方法

2011/07/11 Javascript

jquery模拟按下回车实现代码

2011/09/20 Javascript

九种原生js动画效果

2015/11/11 Javascript

jQuery设置Cookie及删除Cookie实例分析

2016/04/15 Javascript

使用Bootstrap框架制作查询页面的界面实例代码

2016/05/27 Javascript

10道典型的JavaScript面试题

2017/03/22 Javascript

解决webpack打包速度慢的解决办法汇总

2017/07/06 Javascript

Nuxt.js踩坑总结分享

2018/01/18 Javascript

详解vue使用$http服务端收不到参数

2019/04/19 Javascript

vue将后台数据时间戳转换成日期格式

2019/07/31 Javascript

JavaScript实现Tab标签页切换的最简便方式(4种)

2020/06/28 Javascript

通过python下载FTP上的文件夹的实现代码

2013/02/10 Python

跟老齐学Python之用Python计算

2014/09/12 Python

基于Linux系统中python matplotlib画图的中文显示问题的解决方法

2017/06/15 Python

Python实现自定义顺序、排列写入数据到Excel的方法

2018/04/23 Python

pandas 时间格式转换的实现

2019/07/06 Python

在django中图片上传的格式校验及大小方法

2019/07/28 Python

python创建属于自己的单词词库便于背单词

2019/07/30 Python

使用OpenCV circle函数图像上画圆的示例代码

2019/12/27 Python

Python3.6 + TensorFlow 安装配置图文教程（Windows 64 bit）

2020/02/24 Python

详解python UDP 编程

2020/08/24 Python

html+js 实现markdown编辑器效果

2019/10/23 HTML / CSS

机关保密承诺书

2014/06/03 职场文书

食品安全演讲稿

2014/09/01 职场文书

倡议书范文大全

2015/04/28 职场文书

民间借贷被告代理词

2015/05/23 职场文书

幼儿园教师暑期培训心得体会

2016/01/09 职场文书

《7的乘法口诀》教学反思

2016/02/18 职场文书

教你怎么用python爬取爱奇艺热门电影

2021/05/20 Python

python tqdm用法及实例详解

2021/06/16 Python

MySQL中几种插入和批量语句实例详解

2021/09/14 MySQL