誰想 2023-04-07 09:17 采纳率: 89.8%
浏览 46
已结题

Html给网页加icon图标

学习Html，想给网页添加在内容根的路径为icon.png的图片，但是页面显示还是默认图标。不知道哪里错了，是照片的格式有什么要求吗?


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>

<link rel="icon" href="icon.png" type="image/x-icon">
</body>
</html>

img

img

  • 写回答

3条回答 默认 最新

  • 创意程序员 2023-04-07 09:21
    关注

    icon的link要放在head里面。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 如何给网页添加icon图标？
    2022-08-09 23:13
    东非不开森的博客 给网页添加icon图标小tips~
  • Icon图标转换器 - 图片转.ico图标
    2024-04-04 18:32
    【标题】"Icon图标转换器 - 图片转.ico图标" ...综上所述，"Icon图标转换器"是一个实用的工具，能够帮助设计者和开发者将各种图片格式转换为适用于前端应用的ICO图标，确保网站和应用程序在不同环境下的视觉一致性。
  • 动态修改网页icon图标、网页标题
    2024-09-12 09:30
    木之本樱~的博客 1、基于vue2写的官网，通过后台的网页设置可以更改网页icon。2、获取接口数据之后，判断数据里icon字段有没有值。3、判断有值就去查找操作dom。
  • 前端必备——常见图标Icon资源库
    2024-12-28 16:01
    FE_Jinger的博客 在网页设计中，图标扮演着至关重要的角色，能够增强视觉效果，提高用户体验。为了获取高质量的图标素材，设计师们通常会访问一些专业的图标网站。等网站也提供了丰富的图标素材，满足设计师们的多样化需求。
  • JS组件系列之Bootstrap Icon图标选择组件
    2020-10-22 21:49
    Bootstrap Icon图标选择组件是前端开发中常用的工具，它基于Bootstrap框架和jQuery库。Bootstrap是一个流行的前端框架，它提供了一套完整的界面组件和布局解决方案，而jQuery是一个快速、小巧、功能丰富的JavaScript...
  • MUI官方icon图标库和拓展字体图标样式文件
    2025-03-14 20:36
    在当前的移动应用和网页设计中，MUI作为一款流行的前端框架，它提供了一整套丰富的设计元素和功能，以便开发者能够快速地构建出美观且响应式的用户界面。本资源包主要涵盖了MUI官方提供的图标库和拓展字体样式文件，...
  • 前端给网页添加标题和前面的小图标原生html和vue项目
    2022-05-21 11:13
    MFG_666的博客 网页前面的小图标1.原生html添加方法pc端和移动端同时添加html里面(1).pc端如下(2).移动端如下2.vue添加方法和上面添加标题一样 效果图如下 一.添加标题 1.原生html添加方法 head标签里面添加<title>小鸟<...
  • html网页如何添加icon
    2024-08-17 09:09
    怕冷的火焰（~杰）的博客 html网页如何添加icon
  • HTML引入icon图标
    2021-12-08 19:43
    阿选不出来的博客 html 引入 icon 图标 1.将需要的图标加入购物车，放入一个你的项目中。 2.打开下该项目，生成链接，选中 font class ，将生成的链接(XXXXXXXX)引入html头部， <link rel="stylesheet" href="http:XXXXXXXX" 3.在...
  • 前端 HTML 字体图标
    2024-08-10 09:40
    南 极的博客 } 标签使用字体图标类名 iconfont：字体图标基本样式（字体名，字体大小等等） icon-xxx：图标对应的类名 Unicode 引用 Unicode 是字体在网页端最原始的应用方式，特点是： 支持按字体的方式去动态调整图标大小，...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 4月12日
  • 已采纳回答 4月7日
  • 创建了问题 4月7日