当前位置: 首页 > news >正文

HTML5使用favicon.ico图标

目录

  • 1. 使用favicon.ico图标

1. 使用favicon.ico图标

favicon.ico一般用于作为网站标志,它显示在浏览器的地址栏或者标签上

  1. 制作favicon图标
    在这里插入图片描述选择一个png转ico的在线网站,这里以https://www.bitbug.net/为例。上传图片,目标尺寸选择48x48,输入附加码,最后点击生成icon图标,会自动将png转换成ico图标然后下载

  2. 将favicon.ico图标放到项目根目录下

  3. HTML页面引入favicon图标

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>test title</title><link rel="shortcut icon" href="baidu.ico"/><style></style></head>
<body></body>
</html>

效果如下
favicon.icon

http://www.lryc.cn/news/525968.html

相关文章:

  • 黑龙江锅包肉:酸甜香酥的东北经典
  • Unity阿里云OpenAPI 获取 Token的C#【记录】
  • winfrom项目,引用EPPlus.dll实现将DataTable 中的数据保存到Excel文件
  • 【C++基础】多线程并发场景下的同步方法
  • C语言#define TSLP0 (TSLP_Regdef *)TSENSORO BASE ADDR)的含义?
  • 微信小程序wxs实现UTC转北京时间
  • 提示词的艺术 ---- AI Prompt 进阶(提示词框架)
  • WPF常见面试题解答
  • TypeScript 学习
  • 24_游戏启动逻辑梳理总结
  • C++/CLI(Common Language Runtime)关键点详解
  • Transfoemr的解码器(Decoder)与分词技术
  • CDSN 2024博客之星总评选-主题文章创作,我的AI之路-起手篇
  • Android BitmapShader简洁实现马赛克,Kotlin(二)
  • 蓝桥杯 阶乘的和(C++完整代码+详细分析)
  • 【Bug 记录】el-sub-menu 第一次进入默认不高亮
  • SpringCloud两种注册中心
  • 陕西羊肉泡馍:味蕾上的西北风情
  • 蓝桥杯试题:整数反转
  • Moretl FileSync增量文件采集工具
  • day1代码练习
  • 【Pytest】结构介绍
  • Django基础之ORM
  • 【以音频软件FFmpeg为例】通过Python脚本将软件路径添加到Windows系统环境变量中的实现与原理分析
  • 检测到联想鼠标自动调出运行窗口,鼠标自己作为键盘操作
  • web UI自动化测试笔记
  • 计算机网络 (60)蜂窝移动通信网
  • 计算机网络三张表(ARP表、MAC表、路由表)总结
  • DRF开发避坑指南01
  • 批量提取多个 Excel 文件内指定单元格的数据