1. 程式人生 > >如何在網頁標題欄title加入logo(icon)圖示?

如何在網頁標題欄title加入logo(icon)圖示?

開啟某一個網頁會在瀏覽器的標籤欄處顯示該網頁的標題和圖示,當網頁被新增到收藏夾或者書籤中時也會出現網頁的圖示,怎麼在網頁title左邊顯示網頁的logo圖示呢?

方法一(被動式):

製作一個ico格式的圖片,將圖片命名為favicon.ico,畫素大小為16*16,所使用的顏色不得超過16色,然後再把favicon.ico放到網站的根目錄下就行了。這樣的話瀏覽器會不停的搜尋您的網站的根目錄,只要它一發現了名字叫做favicon.ico 這個檔案,就會將該圖示顯示在訪問者的位址列和收藏夾列表中了。

方法二(自動式):

在網頁HEAD標記中新增如下程式碼:

標題欄:

收藏夾:

注意:圖示要用 16*16 色的。。。(保證了相容性,無論在哪個地方都可以顯示)

在這裡要注意,如果將 16*16 的 bmp 檔案改為 ico ,在WINDOWS 支援,但放在瀏覽器或別的軟體就會出錯 。因此圖片的格式要通過軟體來調整,畢竟內部的資訊是不一樣的。

同時在使用方法二的時候,就不一定要把圖形檔案放在網站的根目錄下面了,你可以放在任何位置,甚至直接連結到其他網站上面的圖形檔案也可以,而且圖形檔案的檔案 名也不一定要叫做 favicon.ico,可以自己隨便取。 不過要注意的是使用這個做法的話,只有在把有加入上面 HTML 語法的頁面加入書籤的時候才會有作用。