Meta標籤&屬性與HTML儲存
一、基本用法
【Html宣告標籤】
<!DOCTYPE> 宣告必須是 HTML 文件的第一行，位於 <html> 標籤之前。
<!DOCTYPE> 宣告不是 HTML 標籤；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
在 HTML 4.01 中，<!DOCTYPE> 宣告引用 DTD，因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。
HTML5 不基於 SGML，所以不需要引用 DTD。
提示：請始終向 HTML 文件新增 <!DOCTYPE> 宣告，這樣瀏覽器才能獲知文件型別。
1、Html4宣告方式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
2、Html5宣告方式
<!DOCTYPE html>
【Meta標籤】
Meta標籤是HTML語言Head區域的一個輔助性標籤，常用於定義頁面的說明，關鍵字，最後修改的日期和其他的元資料。這些元資料將服務於瀏覽器，搜尋引擎和其他網路服務。
1、http-equiv，指定元資訊的名稱，該屬性指定的名稱具有特殊意義，它可以向瀏覽器回傳一些有用的資訊，幫助瀏覽器正確地處理網頁內容
＜meta http-equiv="引數" content="引數變數值"＞
具體引數參考：https://blog.csdn.net/fay462298322/article/details/66969579
2、name，指定元資訊的名稱，該名稱值可以隨意指定
<meta name="引數" content="具體的描述">
具體引數參考：https://www.cnblogs.com/cangqinglang/p/10788281.html
【HTML與XHTML的差異】
在 HTML 中，<meta> 標籤沒有結束標籤
在 XHTML 中，<meta /> 標籤必須被正確地關閉
註釋：<meta> 標籤永遠位於 head 元素內部，元資料總是以名稱/值的形式被成對傳遞的
二、常用屬性
【條件註釋判斷IE瀏覽器】
<!--[if IE]>條件註釋區分非IE瀏覽器 <!--[if lt IE 7 ]><html class="oldie ie ie6"> <![endif]--> <!--[if IE 7 ]><html class="oldie ie ie7"> <![endif]--> <!--[if IE 8 ]><html class="ie ie8"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--><html> <!--<![endif]--> <!--[if lt IE 9]> <![endif]-->
【文件使用的字元編碼】
<meta charset='utf-8'>
【SEO優化】
<!-- TDK -->
<title>頁面標題</title>
<meta name="description" content="頁面描述，不超過150個字元" /> <meta name="keywords" content="頁面關鍵詞, 關鍵字"/> <meta name="author" content="定義網頁作者" />
<!--定義網頁搜尋引擎索引方式，robotterms是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow-->
<meta name="robots" content="index,follow" />
【移動端優化】
<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
content 引數解釋：
width viewport 寬度(數值/device-width)
height viewport 高度(數值/device-height)
initial-scale 初始縮放比例
maximum-scale 最大縮放比例
minimum-scale 最小縮放比例
user-scalable 是否允許使用者縮放(yes/no)
minimal-ui iOS 7.1 beta 2 中新增屬性，可以在頁面載入時最小化上下狀態列。這是一個布林值，可以直接這樣寫：
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
具體參考：
1、https://www.cnblogs.com/cosyer/p/6815135.html
2、https://blog.csdn.net/qq_32013641/article/details/87928426
【HTML4與HTML5的區別】
具體參考：https://segmentfault.com/a/1190000002453884
【HTML儲存】
具體參考：
1、https://blog.csdn.net/xiaoyuer_2020/article/details/111954045
2、https://www.cnblogs.com/linwenbin/p/14185493.html