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


 

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

 

方法一(被動式):

 

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

 

方法二(自動式):

 

在網頁HEAD標記中添加如下代碼:

 

標題欄:
<link rel="icon" href="ico地址" type="image/x-icon">
收藏夾:
<link rel="shortcut icon" href="ico地址" type="image/x-icon">

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

 

 

 

在這里要注意,如果將 16*16 的 bmp 文件改為 ico ,在WINDOWS 支持,但放在瀏覽器或別的軟件就會出錯 。因此圖片的格式要通過軟件來調整,畢竟內部的信息是不一樣的。

 

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

 

 

 

這里在來一個網上圖片抓換的網址:http://www.ico.la/

 


免責聲明!

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



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