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

Posted coael

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何给网页标题栏上添加图标(favicon.ico)(转)相关的知识,希望对你有一定的参考价值。

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色的图标。 

以上是关于如何给网页标题栏上添加图标(favicon.ico)(转)的主要内容,如果未能解决你的问题,请参考以下文章

为啥很多网站没有显式的添加favicon.ico,也会显示网站小图标呢?

link标签实现给网页标题前加一个小图标favicon.ico

Favicon.ico的用法及意义--以及简介通过Favicon.ico来判断网页打开状况

Web网站主如何更改网页标签的图标(favicon.ico)

如何在网页标题栏title加入icon图标?

如何在网页标题栏title加入logo(icon)图标?