【已验证】网站左上角的小图标是怎么做的呢？

　　【文章转载自】http://zhidao.baidu.com/link?url=r7u-mWSyYYGnRgBLcyKpnZKxr4fTG3434_55NKZ804BLrXOapX4_2iIUCLBkxwJ58QRc9ROHzXU9Qrh7TTBOtq

  1. 将已做好的图标文件放到自己空间根目录下，命名为favicon.ico。

  2. 浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件，如果没有，便到网站的根目录下寻找。

  3. 因此，在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico，然后将其上传到网站的根目录即可。

  4. 如果需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，具体设置也很简单，在Html中的部分加入如下的代码：

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

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

  5. Firefox还支持GIF动画格式的Favicon,使用方法如下:

    首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

    <link rel="shortcut icon" href="favicon.ico" >

    <link rel="icon" href="animated_favicon.gif" type="image/gif" >

  6. 如果网站模板是 XHTML 规格的，就在最后的>前加个/。

注：如果想要所有的网页上都显示自己的图标，那就需要在你所有的模板上都加上这段代码，路径不要写错了。

posted @ 2016-07-07 09:21  ne_lucifer  阅读(2590)  评论(0)  编辑  收藏  举报