当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 给网站添加 favicon的技巧 网址前面的小图标

HTML/XHTML教程
HTML4.0简明手册（一）
HTML4.0简明手册（二）
HTML4.0简明手册（三）
HTML4.0简明手册（四）
HTML4.0简明手册（五）
HTML4.0简明手册（六）
HTML4.0简明手册 (七）
HTML4.0简明手册（八）
HTML4.0简明手册（九）
HTML附加命名实体
HTML 基本语法
禁止背景图在网页中平铺
轻松玩转花样表单--花样表单
轻松玩转花样表单--表单提交
轻松玩转花样表单--常用技巧
轻松玩转花样表单--表单概述
网页表格深层探密
推广网站 八大秘笈
CSS轻松实现色块标题标识
HTML 初学者指南

No. « 25 26 27 28 »

技术文章搜索

关键字

HTML/XHTML教程 中的 给网站添加 favicon的技巧 网址前面的小图标

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-11   浏览: 186 ::
收藏到网摘: n/a

所谓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" />

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