每個網站都有自己的标題和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" target="_blank" rel="external nofollow" type="image/x-icon"/>
注意:
- 她(它)不是iconfont字型也不是圖檔。
- 位置是放到 head 标簽中間。
- 後面的type=“image/x-icon” 屬性可以省略。
- 為了相容性,請将favicon.ico 這個圖示放到根目錄下。