1. 程式人生 > >網頁標題新增ico圖示

網頁標題新增ico圖示

每個網站都有自己的標題和logo,當訪問某個網站時,瀏覽器視窗會顯示該網站的logo+標題,以便清晰的知道我們正在訪問的是哪一個網站,如:
在這裡插入圖片描述

轉換ico圖示

實現步驟:
1、先切圖,儘量透明背景,png格式
2、訪問網站 http://www.bitbug.net/
3、把圖片轉換為小圖示,如圖所示
在這裡插入圖片描述

引用ico圖示

實現步驟:
1、找到logo,訪問https://www.網站名.com/favicon.ico
2、右鍵儲存該圖示至根目錄
3、引用該圖示
實現程式碼:

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

注意:

  1. 她(它)不是iconfont字型也不是圖片。

  2. 位置是放到 head 標籤中間。

  3. 後面的type=“image/x-icon” 屬性可以省略。

  4. 為了相容性,請將favicon.ico 這個圖示放到根目錄下。
    在這裡插入圖片描述