如何在網(wǎng)站左上方添加自定義小圖標(biāo)
做過網(wǎng)站和網(wǎng)頁的小伙伴都知道網(wǎng)頁左上方有個(gè)小圖標(biāo),甚是神奇,那么該怎么加上自己的小圖標(biāo)呢?接下來跟我一起學(xué)吧! 準(zhǔn)備ico圖標(biāo)文件準(zhǔn)備好要用的ico圖標(biāo),可以在網(wǎng)上下載,也可以自行設(shè)計(jì)。將ico圖標(biāo)文
做過網(wǎng)站和網(wǎng)頁的小伙伴都知道網(wǎng)頁左上方有個(gè)小圖標(biāo),甚是神奇,那么該怎么加上自己的小圖標(biāo)呢?接下來跟我一起學(xué)吧!
準(zhǔn)備ico圖標(biāo)文件
準(zhǔn)備好要用的ico圖標(biāo),可以在網(wǎng)上下載,也可以自行設(shè)計(jì)。將ico圖標(biāo)文件保存到本地。
在站點(diǎn)根目錄新建HTML文件
如果有服務(wù)器,就在站點(diǎn)根目錄新建一個(gè)HTML文件,并將要使用的ico圖標(biāo)文件也放入同一目錄下。如果沒有服務(wù)器,只需將這兩個(gè)文件放在同一個(gè)文件夾中即可。
編輯HTML文件添加圖標(biāo)鏈接
使用任意編輯器打開新建的HTML文件,在
標(biāo)簽內(nèi)添加如下代碼:```html
```
這段代碼是用來指定要顯示的小圖標(biāo)。保存文件。
查看效果
對(duì)于沒有搭建服務(wù)器的小伙伴,可以使用Chrome瀏覽器打開HTML文件查看添加的小圖標(biāo)效果。不同瀏覽器可能會(huì)有顯示效果的差異。
簡(jiǎn)單查看添加的小圖標(biāo)
搭建過服務(wù)器的小伙伴更加簡(jiǎn)單,通過域名在任何瀏覽器訪問網(wǎng)站即可看到添加的小圖標(biāo)。
通過以上步驟,你可以輕松地在網(wǎng)站左上方添加自定義小圖標(biāo),讓你的網(wǎng)站更加獨(dú)特與個(gè)性化。