基本定义
- 可定义页面中的元信息,怎么解释呢,就是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">
网友评论