在地址欄里顯示logo的實(shí)現(xiàn)方法
更新時(shí)間：2009年02月18日 22:50:41 作者：
在地址欄里顯示logo，其實(shí)大家可以看一些網(wǎng)站的頭部里面，下面的方法講的更仔細(xì)。
第一步，準(zhǔn)備一個(gè)圖標(biāo)制作軟件。
首先您必須了解所謂的圖標(biāo)（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴(kuò)展名。普通的圖像設(shè)計(jì)軟件無(wú)法使用這種格式，所以您需要到一個(gè)軟件下載站點(diǎn)去下載一個(gè)圖標(biāo)制作軟件。您也可以訪(fǎng)問(wèn) http://www.favicon.com/ ，這里提供一個(gè)免費(fèi)的在線(xiàn)“收藏夾”圖標(biāo)生成器，如果您 E 文夠好的話(huà)，在這里您還可以了解到更多的關(guān)于“收藏夾”圖標(biāo)的知識(shí)。
第二步，確定“收藏夾”圖標(biāo)的規(guī)格。
“收藏夾”圖標(biāo)有著它特有的規(guī)格：圖標(biāo)的大小為 16 * 16（以像素為單位）；所使用的顏色不得超過(guò) 16 色。
第三步，設(shè)計(jì)一個(gè)屬于您自己的圖標(biāo)。
您可以將您的網(wǎng)站的 LOGO 做成一個(gè)縮圖或者另外設(shè)計(jì)一個(gè)別具特色的圖案來(lái)作為“收藏夾”圖標(biāo)?？傊?，它一定要是屬于您自己的，并且能很好的代表您的網(wǎng)站的風(fēng)格和個(gè)性。然后將這個(gè)圖標(biāo)文件命名為：favicon.ico。
最后，將這個(gè)圖標(biāo)文件（favicon.ico）上傳到您的網(wǎng)站所在的服務(wù)器的根目錄下。您不需要對(duì)您的網(wǎng)頁(yè)文件作任何的修改，IE5 會(huì)自動(dòng)的不停的搜索您的網(wǎng)站的根目錄，只要它一發(fā)現(xiàn)了 favicon.ico 這個(gè)文件，就會(huì)將該圖標(biāo)顯示在訪(fǎng)問(wèn)者的地址欄和收藏夾列表中了。
還有一個(gè)方法：
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://網(wǎng)站地址/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
使用這個(gè)做法的話(huà)，
就不一定要把圖形文件放在網(wǎng)站的根目錄下面了，
你可以放在任何位置，
甚至直接連結(jié)到其他網(wǎng)站上面的圖形文件也可以，
而且圖形文件的文件名也不一定要叫做 favicon.ico，
可以自己隨便取。
不過(guò)要注意的是使用這個(gè)做法的話(huà)，
只有在把有加入上面 HTML 語(yǔ)法的頁(yè)面加入書(shū)簽的時(shí)候才會(huì)有作用。
首先您必須了解所謂的圖標(biāo)（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴(kuò)展名。普通的圖像設(shè)計(jì)軟件無(wú)法使用這種格式，所以您需要到一個(gè)軟件下載站點(diǎn)去下載一個(gè)圖標(biāo)制作軟件。您也可以訪(fǎng)問(wèn) http://www.favicon.com/ ，這里提供一個(gè)免費(fèi)的在線(xiàn)“收藏夾”圖標(biāo)生成器，如果您 E 文夠好的話(huà)，在這里您還可以了解到更多的關(guān)于“收藏夾”圖標(biāo)的知識(shí)。
第二步，確定“收藏夾”圖標(biāo)的規(guī)格。
“收藏夾”圖標(biāo)有著它特有的規(guī)格：圖標(biāo)的大小為 16 * 16（以像素為單位）；所使用的顏色不得超過(guò) 16 色。
第三步，設(shè)計(jì)一個(gè)屬于您自己的圖標(biāo)。
您可以將您的網(wǎng)站的 LOGO 做成一個(gè)縮圖或者另外設(shè)計(jì)一個(gè)別具特色的圖案來(lái)作為“收藏夾”圖標(biāo)?？傊?，它一定要是屬于您自己的，并且能很好的代表您的網(wǎng)站的風(fēng)格和個(gè)性。然后將這個(gè)圖標(biāo)文件命名為：favicon.ico。
最后，將這個(gè)圖標(biāo)文件（favicon.ico）上傳到您的網(wǎng)站所在的服務(wù)器的根目錄下。您不需要對(duì)您的網(wǎng)頁(yè)文件作任何的修改，IE5 會(huì)自動(dòng)的不停的搜索您的網(wǎng)站的根目錄，只要它一發(fā)現(xiàn)了 favicon.ico 這個(gè)文件，就會(huì)將該圖標(biāo)顯示在訪(fǎng)問(wèn)者的地址欄和收藏夾列表中了。
還有一個(gè)方法：
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://網(wǎng)站地址/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
使用這個(gè)做法的話(huà)，
就不一定要把圖形文件放在網(wǎng)站的根目錄下面了，
你可以放在任何位置，
甚至直接連結(jié)到其他網(wǎng)站上面的圖形文件也可以，
而且圖形文件的文件名也不一定要叫做 favicon.ico，
可以自己隨便取。
不過(guò)要注意的是使用這個(gè)做法的話(huà)，
只有在把有加入上面 HTML 語(yǔ)法的頁(yè)面加入書(shū)簽的時(shí)候才會(huì)有作用。
相關(guān)文章
Git pull(拉取)及push(上傳)相關(guān)命令介紹
這篇文章主要介紹了Git pull(拉取)，push(上傳)相關(guān)命令，git是一個(gè)非常好用的分布式版本管理工具，Git是去中心化，每一個(gè)分支都是一個(gè)中心，并且支持本地倉(cāng)庫(kù)存儲(chǔ)，像如今很多大公司都用git做版本控制。有興趣的話(huà)來(lái)學(xué)習(xí)一下2020-07-07
本文主要介紹Git 安裝配置，這里對(duì)Linux，Windows，Mac平臺(tái)的安裝做了詳細(xì)介紹，有需要的朋友可以參考下2016-09-09![php asp.net 比較 [推薦]](http://img.jbzj.com/images/xgimg/bcimg2.png)
如今當(dāng)提到 Web 開(kāi)發(fā)時(shí)，您有許多選擇。這些方法中許多都涉及到預(yù)處理 - 即，利用特定的標(biāo)記將代碼嵌入到 HTML 頁(yè)面中2009-06-06
這篇文章主要介紹了VS2019屬性配置詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了Git?的?rebase?命令使用方法,接下來(lái)，我們使用rebase命令，其命令一般形式為git?rebase?feature，即表示在?master?分支上執(zhí)行rebase命令，將?feature?分支的代碼合并到?master?分支,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-05-05
在VSCode中集成DeepSeek大模型實(shí)戰(zhàn)指南
DeepSeek是一套先進(jìn)的AI工具集,旨在為用戶(hù)提供強(qiáng)大的自然語(yǔ)言處理能力和其他機(jī)器學(xué)習(xí)服務(wù),這套工具不僅提供了預(yù)訓(xùn)練好的模型供快速上手使用,還支持自定義調(diào)整以滿(mǎn)足特定應(yīng)用場(chǎng)景的需求1,本文給大家介紹了VSCode集成DeepSeek的實(shí)戰(zhàn)指南,需要的朋友可以參考下2025-02-02
git-merge 命令是用于從指定的 commit(s) 合并到當(dāng)前分支的操作，本文重點(diǎn)給大家介紹git merge最簡(jiǎn)潔用法，感興趣的朋友跟隨小編一起看看吧2020-12-12
架構(gòu)師說(shuō)比起404我們更怕200錯(cuò)誤
這篇文章主要為大家介紹了架構(gòu)中404我們更怕200錯(cuò)誤的解決及分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
這篇文章主要介紹了微信小程序下載工具及調(diào)試詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
解決安裝vs2019后原vs2017項(xiàng)目無(wú)法編譯各種報(bào)錯(cuò)的問(wèn)題
這篇文章主要介紹了解決安裝vs2019后原vs2017項(xiàng)目無(wú)法編譯各種報(bào)錯(cuò)的問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08