【已驗證】網站左上角的小圖標是怎么做的呢?


  【文章轉載自】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 規格的,就在最后的>前加個/。

注:如果想要所有的網頁上都顯示自己的圖標,那就需要在你所有的模板上都加上這段代碼,路徑不要寫錯了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM