基本定義

• 可定義頁面中的元信息，怎么解釋呢，就是metadata，也就是說一個網(wǎng)頁文檔的屬性信息，包括作者、關(guān)鍵字、字符集等。這樣當(dāng)搜索引擎抓取到頁面的時候，就會根據(jù)這些信息描述進(jìn)行解析。
• 主要作用包括：SEO優(yōu)化，定義頁面使用的語言和字符集，可以自動刷新頁面并跳轉(zhuǎn)到指定的頁面

標(biāo)簽屬性

charset

• charset用于指定頁面的字符集，一般為UTF-8
  <meta charset="UTF-8">

content

• 對于name屬性以及http-equiv屬性的值進(jìn)行描述，屬于必須要的屬性，比如
  <meta name="keywords" content="JungleJungleW"/>

name

    <!-- viewport，顯示的視口設(shè)置-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 表示當(dāng)前web的名稱，需要當(dāng)前應(yīng)用是一個webapp應(yīng)用時生效 -->
    <meta name="application-name" content="JungleApp">
    <!-- 用于頁面的描述，小于150個字 -->
    <meta name="description" content="描述內(nèi)容">
    <!-- 控制搜索引擎的抓取和索引行為，示例為默認(rèn)所有 -->
    <meta name="robots" content="index,follow">
    <!-- 用于指定網(wǎng)頁的生成方式 -->
    <meta name="generator" content="vscode">
    <!-- 關(guān)于網(wǎng)站主題的簡單編寫 -->
    <meta name="subject" content="網(wǎng)站主圖">
    <!-- 禁用自動檢測和格式化電話號碼 -->
    <meta name="format-detection" content="telephone=no">

http-equiv

    <!-- 用來對IE進(jìn)行處理，告訴IE瀏覽器用最新的版本 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 
        內(nèi)容安全政策，決定頁面內(nèi)容可以加載的來源 下面內(nèi)容指定了以下信息
            腳本：只信任當(dāng)前域名
            <object>標(biāo)簽：不信任任何URL，即不加載任何資源
            樣式表：只信任cdn.example.org和third-party.org
            框架（frame）：必須使用HTTPS協(xié)議加載
            其他資源：沒有限制
    -->
    <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.example.org third-party.org; child-src https:">
    <!-- 通過設(shè)置為 “off” 完全退出 DNS 預(yù)取 -->
    <meta http-equiv="x-dns-prefetch-control" content="off">
    <!-- 在客戶端存儲 cookie，web 瀏覽器的客戶端識別 -->
    <meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
    <!-- 指定要顯示在一個特定框架中的頁面 -->
    <meta http-equiv="Window-Target" content="_value">