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. 把虚拟机中的Linux系统安装到U盘中

    [小技巧] 把虚拟机中的Linux系统安装到U盘中 出于各种需求,很多用户可能经常会在Windows系统中安装虚拟机,然后在虚拟机中安装Linux系统.使用虚拟机的优点是可以同时使用多个系统,而缺点也 ...

  2. Android 获得各处图片的方法

    <pre name="code" class="java">//1,已将图片保存到drawable目录下 //通过图片id获得Drawable Re ...

  3. 你可能把A/B测试做错了

    大卫奥格威说过,"永远不要停止试验,你的广告也就永远不会停止改进". 在当今的网络世界中,类似于吆喝科技 AppAdhoc A/B Testing 这样的工具越来越多,AB测试和转 ...

  4. Android 开发环境 —— Eclipse 启动时报错：Error when loading the SDK

    简述: Eclipse 启动时报错:Error when loading the SDK 错误信息: Error when loading the SDK: Error: Error parsing  ...

  5. github + SourceTree管理自己的库并上传到cocoapods及各种坑的解决办法

    一.上传写好的库到github(我这里使用SourceTree客户端) 1.在github上创建一个仓库 2.将仓库拉倒本地 复制仓库地址 将刚才复制的地址粘贴到这里 3.上传项目到github 将写 ...

  6. C语言之printf函数

    一  基本用法 格式化控制符:%d %c %ld %lf 意思是:相当于在要输出的语句里面挖了一个坑,也就是在内存中开辟空间,然后再那个坑的位置(也就是开辟好的空间),填上你想要显示的值 printf ...

  7. 快速上手微信小程序-快递100

    2007 年 1 月 9 日,乔布斯在旧金山莫斯科尼会展中心发布了首款 iPhone,而在十年后的 1 月 9 日,微信小程序正式上线.张小龙以这样的形式,向乔布斯致敬. 小程序在哪里? 小程序功能模 ...

  8. BootStrap的菜单的快速创建

    在bootstrap的3.0版本及以上时,菜单的创建有所改变. 现在,我们只需记住3个类 dropdown open dropdown-menu. 前两个是为ul 列表的父元素用的,最后一个是给ul ...

  9. smoke.js是一款基于HTML5 Canvas的逼真烟雾特效js插件。通过该js插件，可以非常轻松的在页面中制作出各种烟雾效果。

    Smoke.js 是一个浏览器默认警告系统的JavaScript替代品,如果你想要跨浏览器与平台的标准化JavaScript警告窗口,Smoke.js就是你想要的. Smoke.js是一个轻量级且灵活 ...

  10. Error creating bean with name 'contentCategoryController': Injection of autowired dependencies failed;

    在springmvc.spring.mybatis搭建的工程中出现了一大串错误 查了代码后发现,原来是在ContentCategoryServiceImpl中忘了写一句话@Service(),以至于因 ...