天天看點

修改浏覽器裡網頁頭部小圖示傻瓜式教程

想要把自己的網站/網頁換上自己喜歡的圖示嗎?

跟着我一步一步來

首先準備一張需要設定為網站圖示的圖檔,将其命名為favicon.ico

修改浏覽器裡網頁頭部小圖示傻瓜式教程

把它放在和你需要加圖示頁面的同一級目錄下

修改浏覽器裡網頁頭部小圖示傻瓜式教程

在代碼中加上我框出的這段

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

修改浏覽器裡網頁頭部小圖示傻瓜式教程

然後運作重新整理即可

實物效果前後對比:

修改浏覽器裡網頁頭部小圖示傻瓜式教程

是不是好看多了,想要批量設定同理,在需要的頁面加上<link rel="icon" type="image/x-icon" href="favicon.ico"/>,注意一下herf後跟的圖示相對路徑,也就是圖示相對于頁面的位置,

同級href="favicon.ico"

頁面在圖示下一級href="../favicon.ico"

圖示在頁面下一級并放在img檔案夾裡href="img/favicon.ico"

繼續閱讀