天天看點

網頁标題添加ico圖示

每個網站都有自己的标題和logo,當通路某個網站時,浏覽器視窗會顯示該網站的logo+标題,以便清晰的知道我們正在通路的是哪一個網站,如:

網頁标題添加ico圖示

轉換ico圖示

實作步驟:

1、先切圖,盡量透明背景,png格式

2、通路網站 http://www.bitbug.net/

3、把圖檔轉換為小圖示,如圖所示

網頁标題添加ico圖示

引用ico圖示

實作步驟:

1、找到logo,通路https://www.網站名.com/favicon.ico

2、右鍵儲存該圖示至根目錄

3、引用該圖示

實作代碼:

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

注意:

  1. 她(它)不是iconfont字型也不是圖檔。
  2. 位置是放到 head 标簽中間。
  3. 後面的type=“image/x-icon” 屬性可以省略。
  4. 為了相容性,請将favicon.ico 這個圖示放到根目錄下。
    網頁标題添加ico圖示

繼續閱讀