第一步,準備一個圖標制作軟件。
首先您必須了解所謂的圖標(Icon)是一種特殊的圖形文件格式,它是以 .ico 作為擴展名。普通的圖像設計軟件無法使用這種格式,所以您需要到一個軟件下載站點去下載一個圖標制作軟件。您也可以訪問 http://www.favicon.com/ ,這里提供一個免費的在線“收藏夾”圖標生成器,如果您 E 文夠好的話,在這里您還可以了解到更多的關于“收藏夾”圖標的知識。
第二步,確定“收藏夾”圖標的規格。
“收藏夾”圖標有著它特有的規格:圖標的大小為 16 * 16(以像素為單位);所使用的顏色不得超過 16 色。
第三步,設計一個屬于您自己的圖標。
您可以將您的網站的 LOGO 做成一個縮圖或者另外設計一個別具特色的圖案來作為“收藏夾”圖標。總之,它一定要是屬于您自己的,并且能很好的代表您的網站的風格和個性。然后將這個圖標文件命名為:favicon.ico。
最后,將這個圖標文件(favicon.ico)上傳到您的網站所在的服務器的根目錄下。您不需要對您的網頁文件作任何的修改,IE5 會自動的不停的搜索您的網站的根目錄,只要它一發現了 favicon.ico 這個文件,就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。
還有一個方法:
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://網站地址/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
使用這個做法的話,
就不一定要把圖形文件放在網站的根目錄下面了,
你可以放在任何位置,
甚至直接連結到其他網站上面的圖形文件也可以,
而且圖形文件的文件名也不一定要叫做 favicon.ico,
可以自己隨便取。
不過要注意的是使用這個做法的話,
只有在把有加入上面 HTML 語法的頁面加入書簽的時候才會有作用。
在地址欄里顯示logo的實現方法
2020-07-11 16:33編程技術網 編程技術
在地址欄里顯示logo,其實大家可以看一些網站的頭部里面,下面的方法講的更仔細。
延伸 · 閱讀
- 2021-12-30Zabbix隨筆:更換自定義logo及內容
- 2021-10-15看看如何用Python繪制小米新版天價logo
- 2021-10-08微軟官方詳解Windows 11 正式版 Bloom 默認壁紙和全
- 2021-07-19Python3批量生成帶logo的二維碼方法
- 2021-05-26使用JavaScript獲取地址欄參數的方法
- 2021-03-31小米發布新LOGO長啥樣?小米新舊LOGO對比
- 編程技術
面試官:說說你對堆的理解?如何實現?應用場景?
在計算機科學中,圖是一種抽象的數據類型,在圖中的數據元素通常稱為結點,V是所有頂點的集合,E是所有邊的集合。...
- 編程技術
解決Fiddler在win7系統下的安全證書問題
今天小編就為大家分享一篇關于解決Fiddler在win7系統下的安全證書問題,小編覺得內容挺不錯的,現在分享給大家,具有很好的參考價值,需要的朋友一起...
- 編程技術
如何成為專業的惡意軟件研究員
當今社會,不管任何一門技術,或者你從事任何一種職業,都需要掌握相關的知識,現代的技術其實就是以前稱的“手藝”,大多數的手藝的學習和入門其...
- 編程技術
Python“王者”地位不保!Julia和Swift后來居上
在過去的十年里,Python 一直統治著數據科學和機器學習,但是 Julia 和 Swift 后來居上,正準備超越Python。...
- 編程技術
IT工程師都需要掌握的容器技術之DockerCompose
今天我們繼續來學習Docker技術之Docker Compose,本篇文章將是我們容器技術系列的最后一篇文章,讀過我們容器技術全系列文章的小伙伴肯定有疑問,整個系...
- 編程技術
拿高薪的程序員,都學習了什么編程語言?
人的一生從來不是從出生那一刻就注定的,總是會因為我們的選擇不斷的發生改變,小到一件衣服的色彩,大到未來人生的規劃!選錯一件衣服可以重來,...
- 編程技術
在地址欄里顯示logo的實現方法
在地址欄里顯示logo,其實大家可以看一些網站的頭部里面,下面的方法講的更仔細。...
- 編程技術
TIOBE4月編程語言排行榜出爐!漲幅最大的語言竟然是它?
TIOBE 近日發布的4 月編程語言排行榜。前十榜單中,C、Java、Python 仍分別占據前三位。漲幅最大的語言是Python。...