HTML页面的地址栏图标
如何把地址栏图标加入到我的网站中?
什么是地址栏图标,如何添加?
解释
Favicon:
收藏夹图标
创建一个16*16像素大小的图标文件,其扩展名为.ico,有些浏览器也可以使用.jpg或者.gif等图像文件格式。推荐使用.ico 图标文件格式。
我们使用了一个图像[
]作为网页的收藏夹图标。
上传这个图像到服务器[推荐到网站根目录]。
在网页的 <head> 标记中使用如下的html代码。
例子1:使用完整的路径
<head>
<link rel="shortcut icon" href="http://www.your-page-name.com/favicon.ico">
</head>
这种链接标记是非常神奇的。在href属性中给出了上传图像的完整路径。
例子2: 使用根目录下的路径
<head>
<link rel="shortcut icon" href="/images/h22.gif">
</head>
现在我们使用的路径就是从根目录开始的,例子:如果图像或者图标在xcvxcvxcv.com/images/...的目录下,开始路径就是从/images/....。
地址栏图标也称为收藏夹图标,或许在IE浏览器中不能恰当的运行。使用浏览器像mozilla或者firefox进行测试。创建你的.jpg/.gif文件,使用一些免费的在线工具可以把它转化为.ico图标文件。