html基础-meta标签

作者: JungleW | 来源:发表于2017-12-01 20:45 被阅读0次

    基本定义

    • 可定义页面中的元信息,怎么解释呢,就是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">
    

    相关文章

      网友评论

        本文标题:html基础-meta标签

        本文链接:https://www.haomeiwen.com/subject/weimbxtx.html