一、什么是favicon?
所謂favicon,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。favicon 中文名稱:網頁圖標 英文名稱:favorites icon 。當然,這不是Favicon的全部,根據瀏覽器的不同,Favicon顯示也有所區別:在大多數主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不僅在收藏夾中顯示,還會同時出現在地址欄上,這時用戶可以拖曳favicon到桌面以建立到網站的快捷方式;即網頁左上角的小圖標,以百度為例:

標簽式瀏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。favicon.icn 網頁圖標可以使網頁顯得更加專業美觀,有辨識度,更好的塑造網站的主題形象。
了解了什么是favicon.icn之后我們也可以自己嘗試着給自己構建的網頁添加一個 網頁圖標。那么 該如何添加favicon網頁圖標?
二、添加方法
(一)設置相同目錄
1、 首先了解一下網頁圖標的規格,常用的Favicon.ico圖標有3種16×16、32×32、48×48,我們也可以到計算機的文件搜索欄中輸入 *.ico 查找出一個ico圖片文件暫時使用。

2、 然后選取一個文件放到目標文件夾下,並對 ico圖片文件進行重命名,將其文件名修改為 favicon.icn 。 並將HTML文件也放到同一個文件夾之下。
3、最后運行該文件,這時候就會發現標題欄出現了自己設置的網頁圖標,添加成功。
(二)使用link標簽鏈接一個icon圖片文件
注意:這里要圖片路徑的問題。是不是放在同一目錄之下。
link標簽定義文檔與外部資源的關系,最常見的用途是用於鏈接樣式表,但是link標簽也可以用來鏈接網頁圖標。
鏈接樣式表
鏈接網頁圖標
link是空元素,只包含屬性,只能存在於head部分但它可以出現任意次數。