一、標簽分類 1.1 自閉和標簽 自閉和標簽只有開頭沒有結尾，自動閉合： 1.2主動閉合標簽 有開頭也有結尾，是主動閉合的，稱為主動閉合標簽，我們用到的大部分都是主動閉合標簽 二、Head標簽 2.1 meta 標簽 <meta>元素可提供有關頁面的元信息（meta-information），針對搜 ...
一、標簽分類
1.1 自閉和標簽
自閉和標簽只有開頭沒有結尾，自動閉合：
<meta> 標簽 <link> 標簽
1.2主動閉合標簽
有開頭也有結尾，是主動閉合的，稱為主動閉合標簽，我們用到的大部分都是主動閉合標簽
<html>...</html> <head>...</head> 等
二、Head標簽
2.1 meta 標簽
<meta>元素可提供有關頁面的元信息（meta-information），針對搜索引擎和更新頻度的描述和關鍵詞。
<meta>標簽位於文檔的頭部，不包含任何內容。
<meta>提供的信息是用戶不可見的
(1)http-equiv屬性:相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變數值。
設置頁面編碼
<meta charset="UTF-8"> <meta http-equiv="content-type" content="text/html;charset=utf-8">
刷新和調整
<meta http-equiv="Refresh" content="3"> # 每隔3秒自動刷新 <meta http-equiv="Refresh" content="3; Url=https://www.baidu.com"> # 每隔3秒自動跳轉到百度
(2)name屬性: 主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
關鍵字：搜索引擎搜索
<meta name="keywords" content="Html學習,meta學習,head學習">
描述：說明網站做什麼的
<meta name="description" content="前端知識學習">
(3)X-UA-Compatible
微軟的IE6是通過XP、win2003等操作系統發佈出來，作為占統治地位的桌面系統，也使得IE占據了統治地位，許多網站開發的時候，就按照IE6的標準去開發，而IE6自身的標準也是微軟公司內部定義的。到了IE7出來的時候，採用了微軟公司內部標準以及部分W3C的標準，這個時候許多網站升級到IE7的時候，就比較痛苦，很多代碼調整後，才能夠正常運行。而到了微軟的IE8這個版本，基本上把微軟內部自己定義的標準都拋棄了，而全面的支持W3C的標準，由於基於對標準徹底的變化了，使得原先在IE版本上能夠訪問的網站，在IE8中無法正常的訪問，會出現一些排版的錯誤、文字重疊、顯示不全等各種相容性錯誤。
與任何早期瀏覽器版本相比，IE8對行業標準提供了更加緊密的支持。因此，針對舊版本的瀏覽器設計的站點可能不會按預期顯示。為了幫助減輕任何問題，IE8 引入了文檔相容性的概念，從而允許您指定站點所有支持IE的版本。文檔相容性在IE8中添加新的模式，這些模式將告訴瀏覽器如何解釋和呈現網站。如果您的站點在IE8中無法中無法正確的顯示，則可以更新改站點以支持最新的WEB的標準(首選方式)，也可以強制IE8按照就版本的瀏覽器中查看站點方式來顯示內容。通過使用meta 元素將X-UA-Compatible 標頭添加到網頁中，可以實現這一點。
當IE8 遇到未包含X-UA-Compatible 標頭的網頁時，它將使用指令來確定如何顯示網頁。如果該指令丟失或未指定基於標準的文檔類型，則IE8將以IE5模式（Quicks模式）顯示該網頁。
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge; IE=IE11; chrome=1"> # 多個瀏覽器可以用；隔開
2.2 Title標簽
網頁頭部標簽
<title>總有刁明想害朕</title>
2.3 Link 標簽
1.圖標
<link rel="icon" href="http://www.jd.com/favicon.ico"> 或 <link rel="icon" href="images/favicon.ico">
2.載入css樣式文件
<head>
<meta charset="UTF-8">
<title>一起嗨起來</title>
<!--<link rel="icon" href="http://www.jd.com/favicon.ico">-->
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/common.css">
</head>
