编程 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将文字描边及填充文字颜色的方法

Mar 07 HTML / CSS

使用CSS3在触屏上为按钮实现激活效果

Sep 27 HTML / CSS

CSS3图片旋转特效(360/60/-360度)

Oct 10 HTML / CSS

两种CSS3伪类选择器详细介绍

Dec 24 HTML / CSS

css3 图片圆形显示如何CSS将正方形图片显示为圆形图片布局

Oct 10 HTML / CSS

CSS3近阶段篇之酷炫的3D旋转透视

Apr 28 HTML / CSS

分享一个页面平滑滚动小技巧(推荐)

Oct 23 HTML / CSS

突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述

Jan 31 HTML / CSS

HTML5新增加标签和功能概述

Sep 05 HTML / CSS

微信端html5页面调用分享接口示例

Mar 14 HTML / CSS

html svg生成环形进度条的实现方法

Sep 23 HTML / CSS

html2canvas生成清晰的图片实现打印的示例代码

Sep 30 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的开合式多级菜单程序

2006/10/09 PHP

浅谈PHP中的

2016/04/23 PHP

PHP简单读取PDF页数的实现方法

2016/07/21 PHP

PHP receiveMail实现收邮件功能

2018/04/25 PHP

thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例

2019/08/13 PHP

基于Laravel 5.2 regex验证的正确写法

2019/09/29 PHP

火狐浏览器(firefox)下获得Event对象以及keyCode

2008/11/13 Javascript

浅谈利用JavaScript进行的DDoS攻击原理与防御

2015/06/04 Javascript

浅谈JavaScript中运算符的优先级

2015/07/07 Javascript

javascript实现的简单的表单验证

2015/07/10 Javascript

js获取元素的标签名实现方法

2016/10/08 Javascript

javascript ASCII和Hex互转的实现方法

2016/12/27 Javascript

jQuery的$.extend 浅拷贝与深拷贝

2017/03/08 Javascript

Vue + Webpack + Vue-loader学习教程之功能介绍篇

2017/03/14 Javascript

View.post() 不靠谱的地方你知道多少

2017/08/29 Javascript

jquery 实现拖动文件上传加载进度条功能

2018/03/18 jQuery

微信小程序签到功能

2018/10/31 Javascript

微信小程序搜索功能(附：小程序前端+PHP后端)

2019/02/28 Javascript

详解vue中v-bind:style效果的自定义指令

2020/01/21 Javascript

原生JS实现京东查看商品点击放大

2020/12/21 Javascript

python记录程序运行时间的三种方法

2017/07/14 Python

python 缺失值处理的方法（Imputation）

2019/07/02 Python

Python 爬虫的原理

2020/07/30 Python

python如何爬取动态网站

2020/09/09 Python

摩顿布朗英国官方网上商店：奢华沐浴、身体和头发护理

2016/10/29 全球购物

自我推荐信范文

2014/05/09 职场文书

全国文明单位申报材料

2014/05/31 职场文书

金融与证券专业求职信

2014/06/22 职场文书

中班下学期个人工作总结

2015/02/12 职场文书

党员自我评价2015

2015/03/03 职场文书

2015年高二班主任工作总结

2015/05/25 职场文书

第一书记观后感

2015/06/08 职场文书

三八红旗手先进事迹材料（2016推荐版）

2016/02/25 职场文书

OpenCV-Python实现图像平滑处理操作

2021/06/08 Python

为什么MySQL不建议使用SELECT *

2022/04/03 MySQL

TypeScript 使用 Tuple Union 声明函数重载

2022/04/07 Javascript