最近一直在使用asp.net中建立的HTML頁，每次建立都會有一些默認的東西，今天就是這做一下解析。
首先是開頭部分，建立HTML頁之後的擡頭<!DOCTYPE html>,每次建立都會出現，當我刪除之後在運行源代碼便也沒有什麼區別，遇事對其進行了一點查詢和了解。
<!DOCTYPE html>
DOCTYPE：英文是“文檔類型”的意思。
作用：<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標籤之前。此標籤可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範。
該標籤可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基於框架的 HTML 文檔。在瀏覽器開始創建與標準兼容的瀏覽器時，爲了確保向後的兼容性，創建了兩種呈現模式：標準模式和混雜模式。
在標準模式時：瀏覽器以其支持的最高標準呈現頁面：
在混雜模式中：頁面以一種比較寬鬆的向後兼容的方式顯示。混雜模式通常模擬老式瀏覽器的行爲以防止老站點無法工作。
那麼這三種模式如何觸發呢？
標準模式的觸發：①XHTML、HTML4.0文檔包含形式完整的DOCTYPE，②包含過渡的DTD和URI的DOCTYPE將導致標準模式呈現。
混雜模式的觸發：①有過渡的DTD而沒有URI。②不存在或形式不正確會導致HTML和XHTML文檔以混雜模式呈現。
HTML5既然沒有DTD，也就沒有嚴格模式與寬鬆模式區別，HTML5有相對寬鬆的語法，實現時，已經儘可能大的實現了向後兼容。
HTML <meta> 標籤
-----》 定義和用法
----》<meta> 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
----》<meta> 標籤位於文檔的頭部，不包含任何內容。<meta> 標籤的屬性定義了與文檔相關聯的名稱/值對。
-----》 HTML 與 XHTML 之間的差異
----》在 HTML 中，<meta> 標籤沒有結束標籤。
----》在 XHTML 中，<meta> 標籤必須被正確地關閉。
-----》提示和註釋：
----》註釋：<meta> 標籤永遠位於 head 元素內部。
----》註釋：元數據總是以名稱/值的形式被成對傳遞的。
meta標籤包含以下四個屬性：
| http-equiv、name、content、charset |
這四個屬性，除了charset屬性之外，其他三個都是來結合使用的，首先就先介紹一下charset，其含義用途：
charset:
代表的事編碼方式屬性：不同的屬性值也就代表了不同的編碼方式，例如：
| 編碼方式 | 含義 |
|---|---|
| charset=iso-8859-1 | 西歐的編碼，英文編碼 |
| charset=gb2312 | 中文編碼 |
| charset=utf-8 | 世界通用語言編碼 |
| charset=big5 | 繁體中文編碼 |
| charset=euc-kr | 韓文編碼 |
參考鏈接：
https://blog.csdn.net/geeklee609/article/details/82664420
筆者現在最常用的就是utf-8.
http-equiv、name、content：
接下來對這三種屬性進行一次淺析：
1. name屬性
name屬性主要用於描述網頁，比如網頁的關鍵詞，敘述等。與之對應的屬性值爲content，content中的內容是對name填入類型的具體描述，便於搜索引擎抓取。meta標籤中name屬性語法格式是：
<meta name="參數" content="具體的描述">。
A. keywords(關鍵字)
說明：用於告訴搜索引擎，你網頁的關鍵字。舉例：
<meta name="keywords" content="Lxxyx,博客，文科生，前端">
B. description(網站內容的描述)
說明：用於告訴搜索引擎，你網站的主要內容。舉例：
<meta name="description" content="文科生，熱愛前端與編程。目前大二，這是我的前端博客">
…………
2. http-equiv屬性
meta標籤中http-equiv屬性語法格式是：
<meta http-equiv="參數" content="具體的描述">
其中http-equiv屬性主要有以下幾種參數：
A. content-Type(設定網頁字符集)(推薦使用HTML5的方式)
說明：用於設定網頁字符集，便於瀏覽器解析與渲染頁面舉例：
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML，不推薦
<meta charset="utf-8"> //HTML5設定網頁字符集的方式，推薦使用UTF-8
…………
參考鏈接：
https://www.cnblogs.com/chenqiBlog/p/9517619.html