當我們?yōu)g覽網頁時，你是否有留意到地址欄前面的小圖標。那么這篇文章教你如何設置地址欄前面的小圖標。
一般來說，使用的小圖標即為網站的 logo，亦或是與該網站相關的內容。地址欄前面的小圖標如下圖所示：
首先，我們需要先設計一個圖標，所謂的圖標是以 ?.ico? 作為拓展名的，圖標大小為 16*16（以像素為單位），為了保證圖標清晰，所使用的的顏色最好不要超過 16 色。
之后，我們在 HTML 文件的?<head></head>?標簽中插入以下代碼即可：
<link rel="icon" href="圖標路徑" type="image/x-icon">
以 w3cschool 官網為例，地址欄的設置代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon">
<title>w3cschool-編程獅，隨時隨地學編程</title>
</head>
<body></body>
</html>實現效果如下：
以上就是文章“如何設置地址欄前面的小圖標？附源碼！”的全部內容。更多 HTML 學習請關注 w3cschool 官網。
