今天在學vue的時候，忽然聽到視訊裡講解一個控制器的小錯誤（因為vscode安裝live server而導致的，就是沒有標題欄圖示，如下是我加上的），

就稍微瞭解了一下怎麼為網頁標題欄加圖示。

方法：

• <title>標題名</title>
  <link rel="shortcut icon" href="圖片地址" />
  

• <title>標題名</title>
  <!--動態圖-->
  <link rel="icon" href="圖片地址" type="image/gif" />
  <!--靜態圖-->
  <link rel="shortcut icon" href="圖片地址" type="image/x-icon" />
   
  

注意事項：

1. 圖片型別我試了一下gif/img/ico/png都可以（標準是使用ico檔案），尺寸的話其實差不多正方形都可以，我設定gif時出錯了，我覺得應該是尺寸問題，大家都統一認可的尺寸是16px*16px
2. 兩種方法都可以，但是方式一最簡單。
3. 我們習慣把圖示檔案放在我們這個埠接的資料夾的根目錄下，方便瀏覽器識別
4. 關於rel中shortcut icon和icon的區別，shortcut icon是一個更保險的方式，因為在IE瀏覽器中如果只寫icon可能不會被識別，所以要加一個shortcut，而在其他瀏覽器中shortcut會被忽略，因為他們能夠直接識別icon。（其實這裡rel為了各種移動裝置和瀏覽器的相容，會更加的複雜，這裡我不考慮）

以上都是我自己的理解，並沒有深入研究技術點，可能會有錯誤，請諒解。