zoukankan      html  css  js  c++  java
  • meta小解

    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(重访)

  • 相关阅读:
    nsmutableset
    数组建立 不可变数组 排序 遍历
    字符串截取 拼接 转换 长度 查询 比较
    字典排序
    数字字典结合
    可变字典
    字典
    可变字符串
    oc block排序
    oc中文首字母排序
  • 原文地址:https://www.cnblogs.com/yanze/p/6122387.html
Copyright © 2011-2022 走看看