2015-10-27 48 views
-1

我只是在轉移我的所有文件從XAMPP的htdocs到我的服務器,現在我只需要添加一個圖標。添加一個圖標到網站通過HTML代碼

我有圖標保存爲「favicon1.ico」,它是一個適當的圖標大小爲16x16,但我不能得到它的工作。

這是我有它的代碼:

​​

也就是說在href圖標的正確的位置,所以我不明白爲什麼這不應該工作。

我從來沒有添加一個圖標到一個網站之前,這樣就是我不知道它到底應該是什麼樣子的謊言主要問題。在評論中指出

+2

它不工作,因爲'href'屬性值應該是一個**網址**不是Windows文件路徑。 – Quentin

+0

在這種情況下,是否有一種使用文件路徑的方式? –

+2

如果服務器位於您的機器上,並且只有您訪問該頁面,則可以使用file:// O:/ Intranet/favicon1.ico來訪問收藏夾圖標。但是如果你用一個相對路徑來引用它會更好(如'。/ favicon1.ico') – Reeno

回答

0

你的網站圖標路徑使用windows風格的文件路徑。

確保以下

  • favicon1.ico文件存在於你正在傳送到服務器的軟件包。
  • 確保該文件可通過http訪問(嘗試使用瀏覽器導航到該文件)。路徑應該是這樣的http://server:port/app-uri/favicon1.ico
  • 後,由於在建議的HTML源代碼的註釋中的一個使用相對路徑,如./favicon1.ico。

此外,我建議您閱讀了上圖標的下面http://www.w3.org/2005/10/howto-favicon

-1

代碼應工作的概念。嘗試這個。

<link rel="icon" type="image/png" href="http://yoursite.com/favicon1.ico"> 

請注意,href指向您的圖標的地址,具體取決於您放置圖標的位置。

+0

我不能這樣做這樣因爲它是局域網上的服務器,並且該站點沒有域 –

+0

,則將該地址指向本地站點,然後將該地址指向您放置圖標的位置。 – claudios

+0

@ oggle0901使用相對路徑。只要favicon1.ico存在於同一臺服務器上,並且可以使用服務器IP地址 (例如,http:// www。如果服務器位於本地主機上,則IP地址爲127.0.0.1,然後映像的URL(用於通過瀏覽器訪問)的格式應爲「http://127.0.0.1:port_number/application_url/favicon1.ico' – vvs