天天看點

自定義網站的icon和收藏夾圖示

定制網站收藏夾圖示的方法有兩種:

第一種方法:

  第一步,當然是準備一個能展現您的首頁的風格和個性的圖示。比較簡便的辦法除了下載下傳,就是将您的網站的logo做成一個圖示。

  第二步,将這個圖示檔案命名為:favicon.ico。

  第三步,将favicon.ico上傳到您的網站所在的伺服器的根目錄下。您不需要對您的網頁檔案作任何的修改,internet explorer 5會自動的不停的搜尋您的網站的根目錄,它一旦發現了favicon..ico這個檔案,就會将該圖示顯示在通路者的位址欄和收藏夾清單中了。

  使用這種方法來定制收藏夾圖示,有一個明顯的缺陷,就是收藏夾圖示隻能在網站的首頁中顯示。

第二種方法:

  第一步,還是準備一個能展現您的首頁的風格和個性的圖示。

  第二步,将這個圖示檔案命名為任意的檔案名,如myicon.ico。

  第三步,在網頁檔案的head部分加入下面的内容:  

  注意:圖示檔案的路徑一定要使用絕對路徑。

  這種方法就可以使所有的頁面都能顯示收藏夾圖示了。

  最後還有一點需要說明的是,有些web站點的主機伺服器(如:geocities)不支援圖示檔案格式(.ico),這時您就需要與系統管理者聯系,要求他開通對圖示檔案格式的支援,當然也可以使用type屬性來定義圖檔的類型,如:type="image/x-icon"    "image/png"    "image/gif"

通過link rel="icon"可以實作部分浏覽器的動畫圖示效果

favicon功能最早由微軟創設,而微軟公司的internet explorer網頁浏覽器會對每一個網站都請求favicon。微軟支援的link标簽不遵從world wide web consortium(w3c,網際網路聯盟)的html建議[1],因為:

rel屬性必須包含一個用空格作分隔符的link類型的清單,是以一個包含兩詞的link類型不能被遵守标準的浏覽器了解。 

“.ico”檔案類型(一種用于microsoft windows上圖示的光栅格式)沒有一個注冊的mime類型,而且似乎在當時也不能被多數浏覽器了解。然而2003年,這一格式在iana獲得注冊,其mime類型是image/vnd.microsoft.icon,進而消除了此問題的第一部分。 

在網站上使用保留位址(reserved location)與architecture of the world wide web(網際網路的結構)沖突,同時被認為是link squatting(連結劫持)或uri squatting(uri劫持)。

mozilla浏覽器通過一種遵從web标準的方法添加了對favicon的支援。它采用rel="icon"并允許網絡設計人員添加任何支援的圖像格式的favicon。例如

後來鑒于此功能将被用于所有新内容,多數浏覽器都對此功能增加了支援。

利用圖示工具(有很多)制作圖示檔案(favicon.ico)上傳到網站所在的伺服器的根目錄下,這個檔案必須是16*16大小的圖示檔案。當然,也可以在<head></head>之間加上

就可以了。但是,ico給出的是靜态的圖示檔案。

如果想要動起來,就得做個gif動畫了。gif動畫也是16*16的,傳到伺服器。在<head></head>之間加上:

就可以了。

如果想要收藏夾中的圖示也要改變的話,那麼就加上這句:

這個圖示還可以使用png格式,png格式現在的勢頭很猛。

繼續閱讀