基本定义

• 可定义页面中的元信息，怎么解释呢，就是metadata，也就是说一个网页文档的属性信息，包括作者、关键字、字符集等。这样当搜索引擎抓取到页面的时候，就会根据这些信息描述进行解析。
• 主要作用包括：SEO优化，定义页面使用的语言和字符集，可以自动刷新页面并跳转到指定的页面

标签属性

charset

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

content

• 对于name属性以及http-equiv属性的值进行描述，属于必须要的属性，比如
  <meta name="keywords" content="JungleJungleW"/>

name

    <!-- viewport，显示的视口设置-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 表示当前web的名称，需要当前应用是一个webapp应用时生效 -->
    <meta name="application-name" content="JungleApp">
    <!-- 用于页面的描述，小于150个字 -->
    <meta name="description" content="描述内容">
    <!-- 控制搜索引擎的抓取和索引行为，示例为默认所有 -->
    <meta name="robots" content="index,follow">
    <!-- 用于指定网页的生成方式 -->
    <meta name="generator" content="vscode">
    <!-- 关于网站主题的简单编写 -->
    <meta name="subject" content="网站主图">
    <!-- 禁用自动检测和格式化电话号码 -->
    <meta name="format-detection" content="telephone=no">

http-equiv

    <!-- 用来对IE进行处理，告诉IE浏览器用最新的版本 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 
        内容安全政策，决定页面内容可以加载的来源 下面内容指定了以下信息
            脚本：只信任当前域名
            <object>标签：不信任任何URL，即不加载任何资源
            样式表：只信任cdn.example.org和third-party.org
            框架（frame）：必须使用HTTPS协议加载
            其他资源：没有限制
    -->
    <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.example.org third-party.org; child-src https:">
    <!-- 通过设置为 “off” 完全退出 DNS 预取 -->
    <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">