在标签页头部插入个性图标

发表于 | 分类于

  在建立自己的个人网站时，我们都希望能够让自己的网站更个人化或者辨识度更高，那么在个人网站的标签页头部显示自己的logo便是一种很好的方法！

浏览器通用方法

把favicon.ico图标放到网站根目录下，在网页的<head></head>中加入

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

IE或TT浏览器

把需要显示的16x16像素的ICO图标命名为favicon.ico放置在网站根目录下，浏览器会自动检索

Firefox浏览器

图标格式没有IE那么严格，GIF和PNG格式的图标也可以显示，图标名称也可以不是favcion

把图标放在根目录后，在<head></head>中加入

1
2
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >

或

1
2
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >

实际上现在只要在网站根目录下放置一个faviocn.ico，浏览器都能识别了。