最近一直在使用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