如何给网页标题栏上添加图标(favicon.ico)

时间:2021-01-31 15:39:25

favicon.ico详解: 
    favicon是Favorites Icon的缩写,favicon.ico是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。

设置步骤:

1. 把做好的favicon.ico图标文件上传到网站根目录,并命名为xxx.icon就可以了;

2. 把以下代码放到网页Html代码中的<head>部分:

<head>
    <title>Index</title>
    <!--浏览器标题栏加入图标-->
    <link rel="Shortcut Icon" href="~/Images/xxx.ico" type="image/x-icon" />
</head>

说明: 1. Icon图标可以直接放到自己的网站根目录,也可以是放在你存放图片的文件夹Images里。但是该图标的路径一定要使用绝对路径。

2. favicon.ico一般应是16×16的1个256色的图标。