用link标签实现 shortcut icon(给网页标题前添加一个小图标favicon.ico)

本文介绍如何通过HTML中的link标签来为网站设置快捷图标,包括放置favicon.ico文件的位置及引用方式,确保图标符合16*16或32*32像素、8位或24位色深的标准。

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

用link标签实现 shortcut icon


给网页标题前添加一个小图标,例如给京东首页前添加如下的图标方法


用link标签实现shortcut icon
1、
<link rel="shortcut icon " type="images/x-icon" href="./favicon.ico">
其中favicon.ico需放在根目录下面(不提倡用这种方法,因为图片没有授权,违反了W3C标准,)
2、
<link rel="shortcut icon " type="images/x-icon" href="http://www.jd.com/favicon.ico">


这里的favicon必须是16*16或者32*32的,必须是8位色或者24位色的,格式必须是png或者ico或者gif。
16*16/32*32 且 8位或24位色 且 png/ico/gif。