meta基础

HTML <meta>用来表示元数据信息。

元数据

根据维基百科。元数据（metadata），又称诠释数据、中介数据、后设数据等，为描述其他数据信息的数据。有三种不同类型的元数据，分别是记叙性元数据、结构性元数据和管理型元数据。

• 记叙性元数据描述了用于发现与辨别意义的资源。它可以包括如标题、摘要、作者和关键字等元素。
• 结构性数据是有关于数据容器的元数据，指示如何整理其中复合的对象。例如页面依什么排序方式组成章节。
• 管理型元数据用于管理资源的信息，例如数据产生的时间和方式、文件种类和其他技术信息，以及谁有权限访问它。

网页的元数据

网页包含元标签形式的元数据。元标签<meat....>中的叙述和关键字一般用于描述网页的内容。标记元素也指示页面描述、关键字、文件作者以及最后修改的时间。网页元数据可帮助搜索引擎和用户，查找他们需求的网页类型。

HTMLMetaElement

The HTMLMetaElement interface contains description metadata about a document.
It inherits all of the properties and methods described in the HTMLElement 
interface.

<meta>元素用来表示那些不能由其他HTML元相关元素<base><link><script><style><title>

属性

Name	Type	Description
content	DOMString	获取/设置元数据属性的值，content属性的值
httpEquiv	DOMString	把cotent属性连接到一个HTTP头部
name	DOMString	把content属性连接到某个名称
charset		当前文档所使用的字符编码

 

charset

<meta charset='utf-8' />

content

此属性包含http-equiv或name的值，具体取决于所使用的值。

http-equiv

Content Language	content-language	不推荐使用，使用lang代替
Encoding declaration	content-type	规定不能与charset的meta同时出现，所以不常用(html4的方式)
Default style	default-style	指定页面首选样式表，content属性包含<link>元素的标题，href属性可以链接到css样式表或者<style>元素的标题
Refresh	refresh	看下面的例子
Set-Cookie	set-cookie	不常用
X-UA-Compatible	x-ua-compatible	主要用于IE，见下面的例子
Content security policy	content-security-policy	允许页面作者定义当前页的内容策略。内容策略主要指定允许服务器源和脚本端点，有助于防止跨站点脚本攻击

 

 

<meta http-equiv="Refresh" content="20; URL=page4.html"><!-- 20秒后刷新，跳转至url指定的页面 -->

<meta http-equiv="X-UA-Compatible" content="ie=edge">

模式Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染。

name 

• application-name：定义网络应用的名称
• author：作者名
• keywords：与网页内容相关的单词（有助于优化SEO）
• referrer：控制文档发出HTTP请求的Referer首部的内容
  

  no-referrer	不要发送 HTTP Referer 首部。
  origin	发送当前文档的 origin。
  no-referrer-when-downgrade	当目的地是先验安全的(https->https)则发送 origin 作为 referrer ，但是当目的地是较不安全的 (https->http)时则不发送 referrer 。这个是默认的行为。
  origin-when-crossorigin	在同源请求下，发送完整的URL (不含查询参数) ，其他情况下则仅发送当前文档的 origin。
  unsafe-URL	在同源请求下，发送完整的URL (不含查询参数)。

• viewport：提供有关视口初始大小的提示，仅供移动设备使用

	可能值	描述
width	一个正整数或者字符串 device-width	以pixels（像素）为单位， 定义viewport（视口）的宽度。
height	一个正整数或者字符串 device-height	以pixels（像素）为单位， 定义viewport（视口）的高度。
initial-scale	一个0.0 到10.0之间的正数	定义设备宽度（纵向模式下的设备宽度或横向模式下的设备高度）与视口大小之间的缩放比率。
maximum-scale	一个0.0 到10.0之间的正数	定义缩放的最大值；它必须大于或等于minimum-scale的值，不然会导致不确定的行为发生。
minimum-scale	一个0.0 到10.0之间的正数	定义缩放的最小值；它必须小于或等于maximum-scale的值，不然会导致不确定的行为发生。
user-scalable	一个布尔值（yes 或者no）	如果设置为 no，用户将不能放大或缩小网页。默认值为 yes。

参考

1. the meta element_HTML5
2. meta ----MDN