做過(guò)網(wǎng)站和網(wǎng)頁(yè)的小伙伴都知道網(wǎng)頁(yè)左上方有個(gè)小圖標(biāo)，甚是神奇，那么該怎么加上自己的小圖標(biāo)呢？接下來(lái)跟我一起學(xué)吧！ 準(zhǔn)備ico圖標(biāo)文件準(zhǔn)備好要用的ico圖標(biāo)，可以在網(wǎng)上下載，也可以自行設(shè)計(jì)。將ico圖標(biāo)文

做過(guò)網(wǎng)站和網(wǎng)頁(yè)的小伙伴都知道網(wǎng)頁(yè)左上方有個(gè)小圖標(biāo)，甚是神奇，那么該怎么加上自己的小圖標(biāo)呢？接下來(lái)跟我一起學(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)文件也放入同一目錄下。如果沒(méi)有服務(wù)器，只需將這兩個(gè)文件放在同一個(gè)文件夾中即可。

編輯HTML文件添加圖標(biāo)鏈接

使用任意編輯器打開(kāi)新建的HTML文件，在標(biāo)簽內(nèi)添加如下代碼：

```html

```

這段代碼是用來(lái)指定要顯示的小圖標(biāo)。保存文件。

查看效果

對(duì)于沒(méi)有搭建服務(wù)器的小伙伴，可以使用Chrome瀏覽器打開(kāi)HTML文件查看添加的小圖標(biāo)效果。不同瀏覽器可能會(huì)有顯示效果的差異。

簡(jiǎn)單查看添加的小圖標(biāo)

搭建過(guò)服務(wù)器的小伙伴更加簡(jiǎn)單，通過(guò)域名在任何瀏覽器訪問(wèn)網(wǎng)站即可看到添加的小圖標(biāo)。

通過(guò)以上步驟，你可以輕松地在網(wǎng)站左上方添加自定義小圖標(biāo)，讓你的網(wǎng)站更加獨(dú)特與個(gè)性化。