靜態頁面不顯示圖標

從我一直試圖使用我的理論HTML和CSS知識創建個人網頁已經四天了。因爲我還是個初學者，所以我沒有託管它，而且我仍在創作過程中。我試圖爲我的網頁創建一個圖標，以便它看起來代替默認的「右上角有摺疊的白皮書」。靜態頁面不顯示圖標

這是我寫的代碼：

 <head> 
      <title>RAMYA VEMUGANTI</title> 
      <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
    </head> 
    <body> 
      <div id="header"> 
       <h1>Ramya Vemuganti</h1> 
       <hr/> 
      </div> 
    </body>

來源

2013-07-27 RamyaV

猜測這是行不通的。源代碼中的文件路徑鏈接到圖像是否正常？ – Jonnny

你還使用什麼瀏覽器？ – Jonnny

「有摺疊的白皮書」......並不是Google Chrome所具有的功能。我認爲谷歌瀏覽器只顯示標籤中的圖標，而不是地址欄中。它是否顯示在標籤中？ – putvande

有幾件事情：

<link>標籤應該是<head>標籤
裏面有兩個關閉<head>標籤
你<div>內容應包裹在<body>標籤下面<head>標籤
確保「的favicon.ico」存在於你的網絡服務器

的根位置和標籤應該是這樣的：

<link rel="icon" type="image/png" href="/favicon.ico" />

來源

2013-07-27 18:46:20 DeweyOx

用'.ico'你應該有'type =「image/x-icon」'而不是'type =「image/png」'。 'type =「image/png」'只對一個真正的PNG圖標（我認爲所有瀏覽器都不支持）的圖標是必需的。 – putvande

正確 - 是我當前項目的複製和粘貼。我們可以驗證哪些瀏覽器不起作用嗎？這是一個很好的答案http://stackoverflow.com/questions/37073/what-is-currently-the-best-way-to-get-a-favicon-to-display-in-all-browsers-that – DeweyOx

I知道這不是一個好的來源，但http://en.wikipedia.org/wiki/Favicon有關於瀏覽器支持的一些信息 – putvande

靜態頁面不顯示圖標

回答

相關問題