HTML5使用favicon.ico图标

目录

  • [1. 使用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图标

Html 复制代码
<!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>

效果如下

相关推荐
BUG收容所所长1 分钟前
栈的奇妙世界:从冰棒到算法的华丽转身
前端·javascript·算法
xingba9 分钟前
重写IE的showModalDialog模态框以兼容现代浏览器
前端·javascript·google
前端小巷子10 分钟前
Promise 静态方法:轻松处理多个异步任务
前端·面试·promise
梨子同志15 分钟前
JavaScript Set 和 Map 数据结构
前端·javascript
初辰ge19 分钟前
做个大屏既要不留白又要不变形还要没滚动条,我直接怒斥领导,大屏适配就这四种模式
前端·javascript
Face22 分钟前
路由Vue-router 及 异步组件
前端·javascript·vue.js
Nano23 分钟前
Axios 进阶指南:掌握请求取消与进度监控的艺术
前端
工呈士23 分钟前
Context API 应用与局限性
前端·react.js·面试
ArcX23 分钟前
从 JS 到 Rust 的旅程
前端·javascript·rust