在利用VScode編寫代碼時，我們利用VScode的!鍵自動生成頭部代碼時，會自動生成以下內容
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Html</title>
</head>
對於<head>中的內容又有什么意義，<head> 標簽用於定義文檔的頭部，頭部描述了文檔的各種屬性和信息，包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。在<head>標簽中，我們可以使用如下標簽，<meta>元信息標簽，<title>用於定義網頁標題，<rel>用於定義網頁的引用內容，如樣式表，圖標等，<script>定義網頁引用的腳本或者我們可以直接在其中編寫腳本，但最好不要頭部中編寫腳本，因為這會導致瀏覽器加載效率，最好將腳本放置在頁面尾部。<style>標簽用於定義網頁的樣式表。
接下來我們講述<meta>標簽的作用。<meta>標簽主要用來描述網頁的相關信息。
<meta>標簽主要有有三個屬性，charset，name，http-equiv。
charset用來定義此網頁是采用什么編碼方式，我們常用UTF-8的編碼方式
name則主要用來描述網頁的內容信息，如author，keywords，description等。name采用名值對方式，name中的為屬性名，content中的則是具體的值。例如
<meta name="keywords" content="計算機，前端，head標簽">
利用name，我們可以定義我們自己想用來描述這個頁面的有關信息。
http-equiv則主要用來向瀏覽器傳輸一些有關網頁的信息，用來精確的顯示網頁信息
它采用和name一樣采用名值對方式，可用來重刷新頁面並重指向頁面以及制定是否使用cookie等。例如，頁面添加以下語句，將在三秒后刷新，並重定位到百度頁面
<meta http-equiv="refresh" content="3; url=http://www.baidu.com">
VScode的自動生成代碼中的X-UA-Compatible則是微軟IE8的專有屬性，它告訴IE8采用何種瀏覽器的方式去渲染頁面。
<title>標簽則用於定義網頁的標題
<link>標簽用於定義外部資源與文檔的關系，其中rel定義與文檔的關系，href定義內容地址，type定義資源類型
例：添加外部樣式表
<link rel="stylesheet" href="CSS\index.css">
例：添加網頁自定義圖標
<link rel="shortcut icon" href="images\favicon.ico" type="image/x-icon">
以上就是head標簽中部分常用標簽的介紹，具體meta標簽和link標簽的具體值使用情況，可參考以下兩位大神文章。
meta標簽：http://www.divcss5.com/html/h50455.shtml
link標簽：https://blog.csdn.net/lengye7/article/details/86763608