HTMlL <meta>标签总结

1.标签定义

<meta> 是html语言head区的一个辅助性标签。

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。

<meta> 标签的属性定义了与文档相关联的  名称/值 对。

<meta> 是用来在HTML文档中模拟HTTP协议的响应头报文。

<meta> 元素 通常用于指定  网页的描述，关键词，作者， 定义用户浏览器上的cookie， 搜索引擎优化（SEO），定义页面使用语言，

自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口 等。

2.meta标签属性

2.1 charset属性

charset 属性是 HTML5 中的新属性.

<meta charset="UTF-8">  //定义文档的字符编码

2.2 content属性

content 属性提供了 名称/值 对中的 值, 始终要和 name 属性或 http-equiv 属性一起使用.

<meta name="keywords" content="HTML,CSS,XML,JavaScript">

2.3 name属性

name 属性提供了 名称/值 对中的 名称. 把content属性关联到一个名称。

<meta name="keywords" content="HTML,CSS,XML,JavaScript">  // 定义针对搜索引擎的关键词 <meta name= "description" content="免费的 web 技术教程." >    //定义对页面内容的描述 <meta name="revised" content="Daivd,2016/12/11" >          //定义页面的最新版本 <meta name="author" content=" root,root@xxxx.com ">           //标注网页的作者 <meta name="generator" content=" FrontPage 4.0 ">        //说明生成文档的一个软件包 <meta name="application-name" content="w3cSchool ">        //说明生web应用程序的名称 <meta name="robots" content=" all|none|index|noindex|follow|nofollow ">// 机器人定向： robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接可以被查询； nofollow：文件将被检索，但页面上的链接不可以被查询；

2.4 http-equiv属性

http-equiv属性 把content属性关联到 http头部。

http-equiv 属性可用于模拟一个 HTTP 响应头。

<meta http-equiv="refresh" content="3; url=http://yourlink ">     // 定时让网页在指定的时间3s内，跳转到页面http://yourlink <meta http-equiv="expires" content=" Fri,12Jan200118:18:18GMT ">  // 设定网页的到期时间。一旦网页过期，必须到服务器上重新传输 <meta  http-equiv="Pragma"     content="no-cache">                       // 禁止浏览器从本地计算机的缓存中访问页面内容。 <meta  http-equiv="Set-Cookie" content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/"> //   如果网页过期，那么存盘的cookie将被删除。

<meta http-equiv="content-Type"content="text/html;charset=gb2312"> //设置页面显示的字符集

<meta http-equiv="Window-target"content="_top">  //显示窗口的设定

强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；