首頁 >web前端 >html教學 >讓網站在瀏覽器網址前顯示小圖示的方法_HTML/Xhtml_網頁製作

讓網站在瀏覽器網址前顯示小圖示的方法_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:41:041529瀏覽

大家在瀏覽很多網站的時候都會發現在瀏覽器的網址列前面會有一個小圖標,在瀏覽器的標籤位置也有一個小圖標,例如 Baidu 、騰訊等網站都有這樣的圖標。你的網站上想不想也增加一個這樣的小圖示呢?有了這個小圖示你的網站就會比別人的網站更醒目,更能吸引其他人的注意。
PHOTOSHOP、FLASHFXP、記事本
需要製作一個ico格式的小圖標
步驟/方法:
1.使用PHOTOSHOP製作一個寬高均為32像素的小圖標,製作完成後存儲為ico格式的即可。
2.使用FLASHFXP下載網頁到本地,並備份一份以防萬一,使用記事本開啟網頁的原始碼。
3.找到網頁原始碼的head部分,並在head部分插入下面這句程式碼,注意href裡的位址是你存放ico圖示的位址,根據你網站上存放的位置來寫。

4.把修改過的網頁檔案上傳到虛擬主機上,然後把做好的ico檔案存放到虛擬主機的images這個網站目錄裡面。
5.大功告成!打開IE瀏覽器,輸入你的網址試試看?是不是已經有小圖示了?
小圖標的格式一定要是ico格式的,寬度和高度都是32個像素值
如果按照上面的步驟做完後無法看到小圖標,請把IE瀏覽器的緩存清理掉,清理完緩存之後即可看到小圖示。
小圖示的存放位置一定要跟程式碼裡的存放位置一致,否則無法顯示。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn