Html中meta标签详解

<!-- charset 此特性声明当前文档所使用的字符编码，但该声明可以被任何一个元素的 lang 特性的值覆盖 -->
<meta charset="utf-8" />
<!-- http-equiv 这个枚举属性定义了能改变服务器和用户引擎行为的编译。这个编译值使用content 来定义 -->
------------------------------Content-Security-Policy-----------------------------
<!-- Content-Security-Policy 内容安全策略 允许站点管理者控制用户代理能够为指定的页面加载哪些资源。这有助于防止跨站点脚本攻击 .也没法注入脚本，除非还控制了一台列入了白名单的可信主机-->
<!-- 只允许通过 https加载这些资源 -->
<meta http-equiv="Content-Security-Policy" content="default-src https:" />
<!-- 限制外链接通过哪些域名进行加载，比如允许记载来自 http://127.0.0.1:8100 和 https://www.baidu.com 这两个站点的外部资源
-->
<!--
只限制script 标签允许从以下两个站点加载 , 其中 'unsafe-inline' 表示不需要进行安全验证 -->
<meta
http-equiv="Content-Security-Policy"
content="script-src http://127.0.0.1:8100 https://www.baidu.com 'unsafe-inline'"
/>
<!-- 只限制图片资源从以下站点加载 -->
<meta
http-equiv="Content-Security-Policy"
content="img-src
https://www.baidu.com "
/>
<!-- default-src 表示所有资源类型的默认值，比如所有的资源自能从当前域名加载 'self' -->
<meta http-equiv="Content-Security-Policy" content="defaule-src
'self'" />
<!-- 更过资源类型 https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy/default-src -->
------------------------------content-type-----------------------------
<!--这个属性定义了文档的 MIME type。但由于它位于HTML页面内，因此除了text / html之外的大多数值都不能使用-->
<meta http-equiv="content-type" content="text/html" />
------------------------------refresh-----------------------------
<!--这个属性指定:
如果content 只包含一个正整数,则是重新载入页面的时间间隔(秒);
如果content 包含一个正整数并且跟着一个字符串,则是重定向到指定链接的时间间隔(秒)-->
<meta http-equiv="refresh" content="3 'http://www.baidu.com'" />
<!-- name
该属性定义文档级元数据的名称。与 content 正好形成键值对
-->
------------------------------author-----------------------------
<!-- author，就是这个文档的作者名称 -->
<meta name="author" content="龙龙老表" />
------------------------------description-----------------------------
<!-- description，其中包含页面内容的简短和精确的描述。 -->
<meta name="description" content="你好，世界" />
------------------------------keywords-----------------------------
<!-- keywords, 包含与逗号分隔的页面内容相关的单词 -->
<meta name="keywords" content="你好,世界,ahaha" />
------------------------------referrer-----------------------------
<!-- Referer 会告诉服务器我是从哪个页面链接过来的，服务器基此可以获得一些信息用于处理。 -->
<!-- no-referrer 不要发送 HTTP Referer 首部。
-->
<meta name="referrer" content="no-referrer" />
<!-- origin 在 referrer 中只显示站点信息，不显示携带的数据
-->
<meta name="referrer" content="origin" />
------------------------------robots-----------------------------
<!-- robots 设置搜索引擎如何索引本页面 -->
<!-- index
告诉搜索引擎可以索引本页面，这也是默认属性 -->
<meta name="robots" content="index" />
<!-- noindex
告诉搜索引擎不可以索引本页面 -->
<meta name="robots" content="noindex" />
<!-- noimageindex
禁止搜索引擎索引本页面上的图片，本页面上的图片不会显示在搜索结果中 -->
<meta name="robots" content="noimageindex" />
<!-- follow
告诉搜索引擎爬虫可以爬行本页面上的链接 -->
<meta name="robots" content="follow" />
<!-- nofollow
告诉搜索引擎不要爬行本页面上的链接 -->
<meta name="robots" content="nofollow" />
<!-- 不许抓取本页，也不许顺着本页抓取索引别的链接 -->
<meta name="robots" content="noindex,nofollow" />
<!-- none
none是noindex,nofollow的缩写 -->
<meta name="robots" content="none" />
------------------------------viewport-----------------------------
<!-- 规定移动设备 显示我们的网页的那一块区域
-->
<!-- width ，定义 viewport 的宽度，表示在样式代码中 width:100% 就只有 200px
-->
<meta name="viewport" content="width=200px" />
<!-- height ，定义 viewport 的高度，表示在样式代码中 height:100% 就只有 200px
-->
<meta name="viewport" content="height=200px" />
<!-- initial-scale ，定义页面缩放的比例（ 设备的宽度/页面的显示宽度 ）
-->
<meta name="viewport" content="initial-scale=1" />
<!-- user-scalable ，如果设置为 no，用户将不能放大或缩小网页。默认值为 yes。
-->
<meta name="viewport" content="user-scalable=no" />
————————————————

原文链接

最后

以上就是朴素冬瓜最近收集整理的关于Html中meta标签详解的全部内容，更多相关Html中meta标签详解内容请搜索靠谱客的其他文章。