讓網站在瀏覽器網址前面顯示小圖標的方法

2024-08-26 00:11:40

字體：大中小

來源：轉載

供稿：網友

大家在瀏覽很多網站的時候都會發現在瀏覽器的地址欄前面會有一個小圖標，在瀏覽器的標簽位置也有一個小圖標，例如 Baidu 、騰訊等網站都有這樣的圖標。你的網站上想不想也增加一個這樣的小圖標呢？有了這個小圖標你的網站就會比別人的網站更加醒目，更能引起其他人的注意。
PHOTOSHOP、FLASHFXP、記事本
需要制作一個ico格式的小圖標
步驟/方法:
1.使用PHOTOSHOP制作一個寬高均為32像素的小圖標，制作完成后存儲為ico格式的即可。
2.使用FLASHFXP下載網頁到本地，并備份一份以防萬一，使用記事本打開網頁的源代碼。
3.找到網頁源代碼的head部分，并在head部分插入下面這句代碼，注意href里的地址是你存放ico圖標的地址，根據你網站上存放的位置來寫。
<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />
4.把修改過的網頁文件上傳到虛擬主機上，然后把做好的ico文件存放到虛擬主機的images這個網站目錄里面。
5.大功告成！打開IE瀏覽器，輸入你的網址試試看？是不是已經有了小圖標了？
小圖標的格式一定要是ico格式的，寬度和高度都是32個像素值
如果按照上面的步驟做完后無法看到小圖標，請把IE瀏覽器的緩存清理掉，清理完緩存之后即可看到小圖標。
小圖標的存放位置一定要和代碼里的存放位置一致，否則無法顯示。

上一篇：關于shortcut icon和icon代碼的區別介紹

下一篇：htnl基礎知識之網頁頁面的初步了解