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. spring不依赖注入得到实体bean

    如题,我们一般用spring的ioc,通过配置注入接口得到这个实现类,现在通过研究公司平台框架发现还有一种方法得到spring文件配置的bean方法,举个例子(注:这个ApplicationConte ...

  2. 关于国产跨平台的开源游戏引擎LGame

    声明:   本博客文章原创类别的均为个人原创,版权所有.转载请注明出处: http://blog.csdn.net/ml3947,另外本人的个人博客:http://www.wjfxgame.com. ...

  3. java反射的运用场景

    1.反射的好处是:可以在运行时确认对象以及方法. 2.下面举个简单的例子来说下反射的运用场景: 假如一款游戏有一个配置文件,配置文件里有个renderType设置了游戏启动时调用哪个RenderHan ...

  4. mybatis 入门优化

    在上一节<mybatis快速入门>的基础上对IWebUserDao的实现类进行了优化,暂时命名为WebUserDaoMybatis2.java package com.mozi.dao.i ...

  5. Java8：使用Lambda表达式增强版Comparator排序

    学习路上的自我记录-------路好长,就问你慌不慌,大声港,不慌.----jstarseven. 实体类: package com.server.model; /** * Created by js ...

  6. KendoUI 用下来的小总结

    Kendoui Aspnetmvc * 引用jquery.1.10以上 * 1.项目引用 Kendo.Mvc.dll 2.页面引用 @using Kendo.Mvc.UI; 3.Name和 HtmlA ...

  7. 数据库(MySQL)表基本操作

                                    数据库表基本操作 思前想后,最终还是把博客的名字改成了数据库表基本操作,以前叫SQL语句大全,感觉用"大全"这个名词 ...

  8. Python学习--10 面向对象编程

    面向对象编程--Object Oriented Programming,简称OOP,是一种程序设计思想.OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 本节对于面向对象的概念不做 ...

  9. java访问权限的问题

    java访问权限的问题 java 访问权限 修饰符 背景: 关于java中的四种访问修饰符,public ,default ,protected ,private的作用范围本以为很熟悉了,但碰到了这样 ...

  10. Docker集群实验环境布署--swarm【1 架构说明】

    在读完<Docker技术入门与实践>这本书后,基本上已对Docker了有一些入门的理解,以及我们为什么要使用Docker 答:我们发现在实际工作中,通过openstack一旦把一个VM创建 ...