meta是html中的一个辅助标签，位于<head>与<title>之间，它能提供用户不可见的信息，数据结构为键值对

meta标签格式<meta http-equiv/name= "" content= "">

主要分为两种类型: http-equiv与name

---------------------------------------------------------------------------------------------------------------------

http-equiv（标题信息）:

1.expires（期限）:网页在缓存中到期时间，一旦网页过期，发出请求时必须从服务器调阅

eg: <meta http-equiv= "expires" content= "Wed, 20 Jun 2007 22:33:00 GMT">

注:必须使用GMT时间格式或0

2.pragma（编译）:禁止浏览器从本机缓存中调阅页面内容，网页不保存在缓存中，每次访问都刷新页面，无法脱机浏览

eg: <meta http-equiv= "pragma" content= "no-cache">

cache-control （缓存控制）：pragma no-cache与cache-control no-cache效果一致，前者可应用到http 1.0和http 1.1 后者晚出现，只能应用到1.1

3.refresh（刷新）：自动刷新页面或指向新页面

eg: <meta http-equiv= "refresh" content= "10"> //每隔10秒刷新

<meta http-equiv= "refresh" content= "10; url= a.html"> //10秒后跳转

4.set-cookie（创建一个Cookie）

eg: <meta http-equiv= "set-cookie" content= "cookievalue=xxx;expires=Wednesday, 20-Jun-2016, 7 22:33:00 GMT;path= /">

注: 只能使用GMT时间；

　　当浏览器打开此页面时会将其存入缓存中，下次访问时就直接从缓存中读取，以提高速度，若网页缓存过期，那么此cookie也将被删除

5.window-target （显示窗口的设定）：强制页面在当前窗口以独立页面显示，用来防止别人再框架内调用自己的页面

eg:<meta http-equiv= "window-target" content= "_top">

注:content可为_blank、_top、_self、_parent

6.content-type（字符集设定）：设定网页使用的字符集

eg: <meta http-equiv= "content-type" content= "text/html; charset=gb2312">

--------------------------------------------------------------------------------------------------------------------------------------------------------------

name（页面描述信息）

各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果

1.keywords（关键字）：为搜索引擎提供关键字

eg:<meta name= "Keywords" content= "aa,bb,cc">

注:meta的通常用处是置顶搜索引擎用来提供搜索质量的关键词，当多个meta元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果;

　　关键词直接用‘,’隔开

2.description（描述）：告诉搜索引擎你的网站的主要内容

eg: <meta name= "description" content= "相关描述">

3.robots（机器人向导）: 用来告诉搜索机器人哪些页面需要索引，哪些不需要

4.author（作者）：标明网页的作者

eg： <meta name= "author" content= "炎泽">

注:作者或制作组或email

5.viewport：指定用户是否可以缩放页面以及缩放比例

eg: <meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>

注: width height 指定视区的逻辑宽度、逻辑高度，可为数字为单位的数字，也可为特殊标记符号，常用的device-width：视区逻辑宽度为设备宽度

user-scalable：是否可以缩放视图 yes能 no不能

initial-scale：初始缩放比例

maximum-scale=5.0, minimun-scale：最大/最新缩放比例（0.25~10）

属性间用','隔开

6.app-mobile-web-app-capable：删除苹果浏览器默认的工具栏和菜单栏

eg:<meta name="apple-mobile-web-app-capable" content="yes">

7.apple-mobile-web-app-status-bar-style: 控制状态栏显示样式

eg: <meta name="apple-mobile-web-app-status-bar-style" content="black">

6.copyright（版权）

6.generator（编辑器）

7.revist-after（重访）

meta小解的更多相关文章

  1. 常用 meta 整理

    <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" con ...

  2. meta标签

    参考:http://www.jb51.net/web/158860.html META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). 一.HTTP标题信息(HTT ...

  3. Django模型类Meta元数据详解

    转自:https://my.oschina.net/liuyuantao/blog/751337 简介 使用内部的class Meta 定义模型的元数据,例如: from django.db impo ...

  4. H5 meta小结

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, ...

  5. Asp.net 后台添加CSS、JS、Meta标签

    Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...

  6. 较为完整的meta

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. 浏览器内核控制Meta标签说明文档【转】

    背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲 ...

  8. HTML <meta> 标签，搜索引擎

    关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEA ...

  9. 内核控制Meta标签：让360浏览器默认使用极速模式打开网页(转)

    为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签. 1,网页头部加入 <meta name="renderer&quo ...

随机推荐

  1. mapreduce框架详解

    hadoop 学习笔记:mapreduce框架详解 开始聊mapreduce,mapreduce是hadoop的计算框架,我学hadoop是从hive开始入手,再到hdfs,当我学习hdfs时候,就感 ...

  2. struts2对ognl表达式的使用（配图解加讲解）

    ognl它是一个功能强大的表达式语言,用来获取和设置Java对象的属性,它旨在提供一个更高的更抽象的层次来对Java对象图进行导航. 先看一张示意图 如果是下面的除了第一种valueStack的下面几 ...

  3. 使用pentaho工具将数据库数据导入导出为Excel

    写在前面:本篇博客讲述的是如何使用pentaho工具快速的将数据库数据导出为Excel文件,以及如何将Excel文件数据导入数据库. 补充:使用此工具并不需要任何一句代码并能快速便捷解决实际问题,此工 ...

  4. 函数四种调用模式以及其中的this指向

    第一种:函数直接执行模式 function add(a,b){ console.log(this); return a+b; } add(10,20)//this===window 第二种:对象方法的 ...

  5. 在Openstack上创建并访问Kubernetes集群

    第一部分:创建集群 在Openstack部署Kubernetes集群运行Nginx容器的步骤,其中包括: 利用Murano部署Kubernetes集群 配置Openstack的安全性使Kubernet ...

  6. bzoj1180，2843

    1180: [CROATIAN2009]OTOCI Time Limit: 50 Sec  Memory Limit: 162 MBSubmit: 967  Solved: 597[Submit][S ...

  7. 隐藏或删除指定的html元素

    <div  id="Contain"> <div>好好学习<div> <div>天天向上<div> <div> ...

  8. 《数学分析Analysis》の 学习笔记

    >> 皮亚诺(Peano)公理 定义自然数 公理2.1   0是一个自然数. 公理2.2   若n是自然数, 则n++也是自然数. 公理2.3   0不是任何自然数的后继, 即对于每个自然 ...

  9. 端口（port）的安全模式（security mode）

    1. Cisco29系列交换机可以做基于2层的端口安全 ,即mac地址与端口进行绑定.2. Cisco3550以上交换机均可做基于2层和3层的端口安全, 即mac地址与端口绑定以及mac地址与ip地址 ...

  10. 关于Python的文件IO

    使用Open函数, 第一个参数为文件名, 例如"C:\abc.txt",这里要注意的是r"C:\abc.txt". 第二个参数为文件的操作方式, 这里着重探讨写 ...