美文网首页【HTML+CSS】
【如何添加网站图标favicon】

【如何添加网站图标favicon】

作者: 魔_术师 | 来源:发表于2017-07-11 00:55 被阅读15次
如何添加网站图标favicon

favicon的定义?

所谓favicon,即Favorites Icon的缩写,中文名称是网站头像,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。

当然,这不仅仅是 Favicon的全部,根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

favicon的添加

以下代码,添加在<head></head>之间就可以了:

<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />

<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />

说明:第一行和第二行代码的作用:在收藏夹下亦显示图标,无论是资源管理器窗口,还是浏览器的收藏夹。

相关文章

  • 【如何添加网站图标favicon】

    favicon的定义? 所谓favicon,即Favorites Icon的缩写,中文名称是网站头像,顾名思义,便...

  • 游戏项目-风暴英雄

    风暴英雄 favicon 几乎所有的网站的快捷图标(收藏图标)都叫做favicon.ico 快捷图标(收藏图标)必...

  • 配置 hexo 的 aircloud 主题

    网站图标 在你的博客根目录的 /source/img/ 下面添加 favicon.ico 即可,不是在主题文件夹内...

  • 网站favicon图标

    favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上。 目前主要的浏览器都支持fav...

  • 修改网页标签的小图标

    如何使用Favicon.ico? 将成功生成的图标文件下载并改名为favico.ico,上传到网站根目录。 在网站...

  • CSS常用的一些总结

    网站图标 favicon.Ico转换: www.bitbug.net markdown在线编辑网站 dilling...

  • 网站ico图标

    网站ico图标 1). 使用ico图标 首先把favicon.ico 这个图标放到根目录下。 再html里面, ...

  • 禁止网站调用favicon.ico请求

    favicon.ico来源 favicon.ico是浏览器标签和收藏夹标签对网站的精简图标。如果网站的目录中没有这...

  • 设置网站favicon图标

    的网页标签有一个logo图标,是不是瞬间提升高逼格?现在我们来看看简单的logo图标如何实现。 一、找到一个你准备...

  • 设置网站图标(favicon)

    每个网站都有自己的图标(favicon),除了便于识别与书签收藏,也是一个厂牌吧。浏览器可以将favicon显示于...

网友评论

    本文标题:【如何添加网站图标favicon】

    本文链接:https://www.haomeiwen.com/subject/fzhphxtx.html