跳到主要内容

HTML 网页图标

网页图标是显示在浏览器选项卡中页面标题旁边的小图像。

添加网页图标​

网页图标图像显示在浏览器选项卡中页面标题的左侧，如下所示：

想要给网页添加这样的图标，只需将图标保存到项目对应的目录，图标的通用名称是favicon.ico，然后在HTML文件中的head标签中添加，如下代码所示：

<html>
    <head>
        <title>入扣教程网</title>
        <link rel="icon" href="/static/image/favicon.ico">
    </head>
    <body>
    ...
    <body>
</html>

rel 表示“关系 (relationship) ”，href 属性设置外部资源的路径。

图标支持的格式​

图标支持的格式有 ico、png、gif、jpeg、svg。 多数网页通常使用ico格式。

图标的尺寸​

图标的尺寸通常为 宽32像素，高32像素。

HTML 参考​

名称描述