FAV圖標不會在HTML5樣板工作

在HTML5 Boilerplate的fav圖標無法正常工作（不顯示）FAV圖標不會在HTML5樣板工作

我已經嘗試過了上localhost，並在服務器上，但在這兩個它沒」的情況下，工作。什麼使它工作？

默認情況下，HTML5鍋板不會爲圖標使用link元素。相反，它依靠瀏覽器在根目錄中找到favicon.ico或apple-touch-icon.png。

如果您將HTML5 Boilerplate放在子目錄中，無論是在本地主機還是在服務器上，都不會顯示任何圖標，或者會顯示服務器根目錄中的現有圖標。速戰速決這是添加這行代碼中的index.html的<head>部分：

<link rel="icon" type="image/png" href="apple-touch-icon.png">

更妙的是創建一個16×16的PNG圖像（如favicon.png），而不是使用57x57蘋果-touch-icon.png，它被調整大小，因此失去清晰度。

見網站圖標和觸摸圖標以獲取更多細節user guide的部分。

2012-10-29 06:34:06 tagawa

回答