浏览器标题栏显示网站自定义图标

琹箐

已于 2022-02-09 14:44:55 修改

阅读量765

点赞数

分类专栏： Web 前端文章标签： webview elementui javascript

于 2022-02-09 14:39:38 首次发布

本文链接：https://blog.csdn.net/qq_45327886/article/details/122841118

版权

前端同时被 2 个专栏收录

77 篇文章 3 订阅

订阅专栏

Web

19 篇文章 2 订阅

订阅专栏

一、原理

二.代码

三、效果

一、原理

在html的head属性中添加<link>标签，href添加图标路径，rel="icon"声明link中的图片是html文件在浏览器打开时显示的图标

    <link rel="icon" href="./titleIcon.png"></link>

二.代码

1.代码结构

2.titleIcon.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./titleIcon.png"></link>
    <title>自定义页面Icon</title>
</head>
<body>
    
</body>
</html>

3.图标 titleicon.png