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

摘要:
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的ico图标呢?另一种实现方法是在网页HEAD标记中添加如下代码:标题栏:收藏夹:注意:图标要用16*16色的。。。在这里顺便给大家推荐一个在线ICO图标制作的网址:http://www.ico.la/
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的ico图标呢?

方法一:找一个或者作一个格式为ico的图片,然后把图片的名字改为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了

这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个图片,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

另一种实现方法是在网页HEAD标记中添加如下代码:

标题栏:
<link rel="icon" href="http://t.zoukankan.com/ico地址" type="image/x-icon">
收藏夹:
<link rel="shortcut icon" href="http://t.zoukankan.com/ico地址" type="image/x-icon">
注意:图标要用 16*16 色的。。。
其实很多软件可以制作图标的,你在百度搜一下图标制作软件就可能了。
另外,如果将 16*16 的 bmp 文件改为 ico ,在WINDOWS 支持,但放在浏览器或别的软件就会出错 。

如:<HEAD> <LINK REL=”SHORTCUT ICON” HREF=”http://www.anjoweb.com/favicon.ico”></HEAD>使用这个做法的话,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件 名也不一定要叫做 favicon.ico,可以自己随便取。 不过要注意的是使用这个做法的话,只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。

我开始使用的是第一种方法,当时没有注意到图标的像素大小限制,用的是128*128的ico图标,在Chrome浏览器中显示正常,不过在IE中不显示。所以还是建议按规则生成图标。

在这里顺便给大家推荐一个在线ICO图标制作的网址:

http://www.ico.la/

免责声明:文章转载自《如何在网页标题栏title加入icon图标?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇6、jeecg 笔记之 自定义excel 模板导出(一)vc6中向vs2010迁移的几个问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

弄懂Favicon

当Alec Rust问及HTML5 Boilerplate项目是否可以提供切换成高DPI的favicon的时候,我才意识到我对网站图标(favorite icon),触摸图标(touch icons),和磁贴图标(tile icons)知之甚少。当我决定稍稍深究一下的时候却发现一些有趣的事情。 自从IE在1999年首次引入favicon以来,之后它就没再发...

nodejs入门篇---创建project并具体解释

想了非常久。总想写点对大家有优点的,今天解说生成项目。 如今市面上一般须要人全栈-----mean(mongo,express。angular,nodejs),这样能够从前端开发到后端以及数据库,听起来牛呼呼的。 这篇文章就说nodejs和比較流行的框架express4.X版本号(因为3.X版本号没怎么研究过。并且和4有一定差别。况且4也出来非常久了。...

chrome浏览器更换favicon.ico后不更新缓存解决方案

chrome浏览器更换favicon.ico后不更新缓存 1、按ctrl+F5强制刷新或网页上右键重新载入。2、再不行就删除缓存。3、但这样太讨厌了,还有个小窍门屡试不爽,那就是直接在浏览器地址栏访问favicon文件。4、如果访问还是原先的ico文件,在浏览图片时刷新一下,再回到网站看一下,已经解决了,毕竟谁都不愿意为这个问题去清缓存和cookies什么...

HTTP,URL,FS 模块搭建一个静态WEB服务器

WEB服务器: 一般指网站服务器,是指驻留在因特网上某种类型计算机的程序,可以向浏览器等Web 客户端提供文档,也可以放置网站文件让全世界浏览,还可以放置数据文件,让全世界下载,目前最主流的Web服务器有 Apache,Nginx,IIS等。 NodeJS 创建一个WEB服务器, 可以让我们访问Web服务器上面的网站 可以让我们下载Web服务器上面的文件...

GitBook 常用插件

目录 必看说明 插件说明 page-treeview 目录 code 代码 pageview-count 阅读量计数 popup 图片点击查看 tbfed-pagefooter 页面添加页脚(简单版) page-copyright 页面添加页脚(复杂版) favicon 修改图标 search-plus 替换原搜索插件 expandable-cha...

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

如何给网页标题栏上添加图标(favicon.ico) favicon.ico详解:favicon是Favorites Icon的缩写,favicon.ico是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。 设置步骤:1. 把做好的favicon.ico图标文件上传到网站根目录,并命名为xxx.icon就可以了;2. 把以下代码放到网页Html代码...