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. 对Git的一些理解

    使用Git都快2年了,能够说熟练使用git,遇到不会的也可以自己查询git帮助手册.平时可以根据shell的管道命令,组合一些命令比如git show commitID | grep “diff”来看 ...

  2. j2ee面试宝典翻译(1)

    q1:给出一些使用Java的理由? a1:java是一个有趣的编程语言,让我找出一些理由来: 内建的多线程机制.套接字.内存管理(自动垃圾回收) 面向对象 跨平台 通过对标准API的扩展来支持基于we ...

  3. linux c编程获得当前进程的进程名和执行路径

    如何得到当前进程的进程名和执行路径.写了个程序分享一下. [sam@hzhsan test]$ more test_processname.cpp #include <limits.h> ...

  4. C++malloc,calloc,realloc,free函数

    在进行C/c++编程的时候,需要程序员对内存的了解比较清楚,经常需要操作的内存可分为下面几个类别:     1.堆栈区(stack):由编译器自动分配与释放,存放函数的参数值,局部变量,临时变量等等, ...

  5. 关于props和state以及redux中的state

    React的数据模型分为共有数据和私有数据,共有数据可以在组件间进行传递,私有数据为当前组件私有.共有数据在React中使用props对象来调用,它包含标签所有的属性名称和属性值,props对象有三个 ...

  6. mybatis判断list为空

    在传入的map或者对象里面存在一个list,此时想要判断list是否为空,可以 <if test="spids.size()>0 " > and SPid not ...

  7. 办理滑铁卢大学(本科)学历认证『微信171922772』UW学位证成绩单使馆认证University of Waterloo

    办理滑铁卢大学(本科)学历认证『微信171922772』UW学位证成绩单使馆认证University of Waterloo QQ/微信171922772办理毕业证成绩单.真实使馆及教育部学历认证★诚 ...

  8. 仿Iconfont-阿里巴巴矢量图标库 搜索动画

    效果图如下 style <Style x:Key="BtnSearch" TargetType="{x:Type Button}"> <Set ...

  9. 将List 中的ConvertAll的使用:List 中的元素转换,List模型转换, list模型转数组

    一,直接入代码 using System; using System.Collections.Generic; using System.Linq; using System.Web; using S ...

  10. Object-Widgets-Quick 构造树

    Object Tree 当以某个QObject为父类创建一个QObject时, 它会被添加到该父类的children列表中. 析构时, QObjet 会首先检查自己的children, 依次析构, 然 ...