html设置网页标题栏logo（图标）

最新推荐文章于 2025-06-21 14:16:51 发布

原创最新推荐文章于 2025-06-21 14:16:51 发布 · 4.5w 阅读

39 ·

CC 4.0 BY-SA版权

文章标签：

#html #icon

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种简单直接的方法来为网页设置图标。通过在HTML头部添加link标签，并指定图标地址，即可实现。此方法支持在线图标及本地图标，示例代码清晰易懂。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单粗暴

在页面head中添加link

<link rel="shortcut icon" href="图标地址" type="image/x-icon">

ps：这种方法中，图标地址可在线，也可是本地的
例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="http://www.runoob.com/images/tryitimg.gif" type="image/x-icon">
    <title>这是一个带图片的标签</title>
</head>
<body>
...
...
...
</body>
</html>

参考：https://www.cnblogs.com/lyp123/articles/5661661.html