跳到主要内容

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 参考​

名称描述
<html>表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其它元素必须是此元素的后代。
<head>包含文档相关的配置信息（元数据），包括文档的标题、脚本和样式表等。
<title>定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，则它包含的任何标签都将被忽略。
<link>指定当前文档与外部资源的关系。该元素最常用于链接 CSS，此外也可以被用来创建站点图标（比如“favicon”样式图标和移动设备上用以显示在主屏幕的图标）。
<body>表示文档的内容。文档中只能有一个该的元素。