给网站添加 favicon的技巧 网址前面的小图标

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1954
收藏 0 赞 0 分享
所谓favicon,即Favorites Icon的缩写,中文名称是网站头像,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是 Favicon的全部,根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除 此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的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="icon" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

说明:第一行和第三行代码的作用:在收藏夹下亦显示图标,无论是资源管理器窗口,还是浏览器的收藏夹。
更多精彩内容其他人还在看

如何为element-ui的Select和Cascader添加弹层底部操作按钮

这篇文章主要介绍了如何为element-ui的Select和Cascader添加弹层底部操作按钮,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML页面点击下载文件的两种实现方法

这篇文章主要介绍了HTML页面点击下载文件的两种实现方法,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML如何在两个div标签中间画一条竖线

最近项目经理交小编一个活儿,需要在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div。在网上查了相关资料,最终搞定,下面小编给代价分享解决方法,需要的朋友参考下吧
收藏 0 赞 0 分享

html文本溢出显示省略字符的两种常用解决方法

本文给大家分享html文本溢出显示省略字符的两种常用解决方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

HTML页面原生VIDEO标签隐藏下载按钮功能

这篇文章主要介绍了HTML页面原生VIDEO标签隐藏下载按钮功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

html2canvas 将html代码转为图片的使用方法

html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。这篇文章给大家介绍html2canvas 将html代码转为图片的使用方法,感兴趣的朋友跟随脚本之家小编一起看看吧
收藏 0 赞 0 分享

HTML中的<meta>标签的使用详解

这篇文章主要介绍了HTML中的<meta>标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

移动 web 端屏幕适配(rem)

这篇文章主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配(rem),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解前端在html页面之间传递参数的方法

这篇文章主要介绍了详解前端在html页面之间传递参数的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html form表单input使用disabled后提交不能获取表单值的解决方法

这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多