网站ico图标

网站ico图标

<img src="media/ico.png"  style="border: 1px dashed #ccc; padding:3px;" />  

1). 使用ico图标

• 首先把favicon.ico 这个图标放到根目录下。

• 再html里面， head 之间 引入 代码。

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

2). 制作ico图标

我们可以自己做的图片，转换为 ico图标，以便放到我们站点里面。

方法步骤：

• 首先把我们想要的切成图片。
• 要把图片转换为 ico 图标，我们借助于第三方转换网站： http://www.bitbug.net/。 比特虫

总结：

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

注意：

1. 她（它）是显示在浏览器中的网页图标。
2. 它是图标形式，不是一个图片
3. 位置是放到 head 标签中间。
4. 后面的type="image/x-icon" 属性可以省略。（我相信你也愿意省略。）
5. 为了兼容性，请将favicon.ico 这个图标放到根目录下。（我们就不要任性了，听话放位置，省很多麻烦。。你好，我也好。）