<meta name=”google” content=”notranslate” />
<!-- 有时,Google在结果页面会提供一个翻译链接,但有时候你不希望出现这个链接,你可以添加这样一个meta标签 --> <!--<meta http-equiv=”refresh” content=”30”>-->
<!-- 使用这个meta标签你可以控制浏览器在一段时间之后自动刷新。举例说明,下面的代码表示每隔30秒网页自动更新 --> <!--<meta http-equiv=”refresh” content=”30;URL=’http://website.com’”>-->
<!-- 你也可以在刷新之后跳转到另外一个页面 --> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- 开启ie8渲染 --> <meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例 --> <meta content="target-densitydpi=device-dpi, width=750,user-scalable=no" name="viewport" />
<!--这个属性只对android系统起作用,专有属性。iOS不支持它,所以说起来,还是有兼容性问题,如果页面是兼容IOS和android的话。--> <meta name="description" content="" />
<!-- description(网站内容描述) --> <meta name="keywords" content="" />
<!-- 这些元标记控制搜索引擎如何抓取和索引页。 "robots"元标记指定的规则适用于所有搜索引擎 --> <meta name="robots" content="index,follow" />
<!-- all:文件将被检索,且页面上的链接可以被查询; none:文件将不被检索,且页面上的链接不可以被查询; index:文件将被检索; follow:页面上的链接可以被查询; noindex:文件将不被检索; nofollow:页面上的链接不可以被查询。 --> <meta name="author" content="author name" />
<!-- 说明这个网页的作者是 author name 网络爬虫robot (Google,百度等搜索引擎)会读取网页中meta项将其作为索引,大家搜索网页时搜索“author name”时就会搜到这个网页了--> <meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 启用 WebApp 全屏模式 如果safari不开启全屏模式,那么通过safari浏览该html的时候保存的Cookie等其他数据不会被清空--> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- 隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。 --> <meta name="apple-mobile-web-app-title" content="标题">
<!-- 添加到主屏后的标题 --> <meta content="telephone=no" name="format-detection" />
<!-- 忽略数字自动识别为电话号码 --> <meta content="email=no" name="format-detection" />
<!-- 忽略识别邮箱 --> <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" />
<!--app里面从页面下载一个app图标 告诉浏览器网站对应的是什么app-->
<!-- 添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner:https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html --> <meta name="HandheldFriendly" content="true">
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="MobileOptimized" content="320">、
<!-- 微软的老式浏览器 --> <meta name="screen-orientation" content="portrait">
<!-- uc强制竖屏 --> <meta name="x5-orientation" content="portrait">
<!-- QQ强制竖屏 --> <meta name="full-screen" content="yes">
<!-- UC强制全屏 --> <meta name="x5-fullscreen" content="true">
<!-- QQ强制全屏 --> <meta name="browsermode" content="application">
<!-- UC应用模式 --> <meta name="x5-page-mode" content="app">
<!-- QQ应用模式 --> <meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 是否删除默认的苹果工具栏和菜单栏 --> <meta name="renderer" content="webkit">
<!-- 启用360浏览器的极速模式(webkit) --> <!--下面两个没试过不怎么清楚-->
<link rel= "apple-touch-icon" sizes= "76x76" href= "touch-icon-ipad.png">
<!--如果 apple-mobile-web-app-capable 设置为 yes 了,那么在苹果机的safari上可以通过添加到主屏按钮将网站添加到主屏幕上。-->
<!--而设置相应 apple-touch-icon 标签,则添加到主屏上的图标就会使用我们指定的图片。--> <link rel= "apple-touch-startup-image" href= "/startup.png">
<!--基于 apple-mobile-web-app-capable 设置为 yes ,可以为WebApp设置一个类似NativeApp的启动画面。和 apple-touch-icon 不同,-->
<!--apple-mobile-web-app-capable 不支持sizes属性,要使用media来加载不同的启动画面。详细查询 大漠的文章 。-->

meta标签多种用法的更多相关文章

  1. html中meta标签及用法理解

    自己一直想成为高级前端开发工程师,而自学.奈何最近感觉自学收效甚微,一度迷茫. 不破不立,打算改变这样的状态. 春节后上班第一天,今年打算好好实现自己的前端梦想. 重新整理.总结前端技术. 废话,就不 ...

  2. meta标签的用法

    meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和 ...

  3. HTML meta标签的用法及head中的一些常用标签

    meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型.字符集.语言等浏览器正确显示网页的信 ...

  4. html meta标签属性用法集合

    1.<meta name="generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等: 2 ...

  5. HTML5 meta标签的用法

    声明文档使用的字符编码:<meta charset="utf-8" />声明文档的兼容模式:<meta http-equiv="X-UA-Compati ...

  6. 【JSP】<meta>标签用法

    转载自:http://blog.sina.com.cn/s/blog_65c74cce0102v39z.html  非常感谢这位博主,急着用,改日再细细品味重新整理这篇博文. http-equiv M ...

  7. html meta标签用法详细介绍

    meta是html语言head区的一个辅助性标签. 在页面中都有类似这样的html代码: <head> <meta http-equiv="content-Type&quo ...

  8. meta标签的常见用法

    一.定义和用法 <meta> 标签始终位于 head 元素中.<meta> 元素可提供有关页面的元信息(meta-information),元数据不会显示在页面上,但是对于机器 ...

  9. meta标签的一些用法

    meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta http-equiv="conten ...

随机推荐

  1. mysql-学习链接

    http://www.cnblogs.com/lyhabc/p/3691555.html

  2. Linux中TTY是什么意思

    终端是一种字符型设备,它有多种类型,通常使用tty来简称各种类型的终端设备.tty是Teletype的缩写.Teletype是最早出现的一种终端 设备,很象电传打字机(或者说就是),是由Telety ...

  3. spring AOP详解二

    AOP实例(通过Proxy代理模式) Spring AOP使用纯java实现,不需要专门的编译过程和类装载器,它在运行期间通过代理方式向目标类织入增强代码,它更侧重于提供一种和Spring IoC容器 ...

  4. docker 容器详解

    Docker 是一个开源的应用容器引擎,基于Go语言 并遵Apache2.0协议开源,也是一种虚拟化技术.让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发布到任何流行的 Linux ...

  5. NOI2016 区间 【线段树】

    题目 在数轴上有 n个闭区间 [l1,r1],[l2,r2],...,[ln,rn].现在要从中选出 m 个区间,使得这 m个区间共同包含至少一个位置.换句话说,就是使得存在一个 x,使得对于每一个被 ...

  6. Intellij IDE使用 ideavim,不能复制文档到系统粘贴板

    vim的yank命令默认不会复制到系统粘贴板,而是粘贴到寄存器.你可以使用* 或 +寄存器来访问系统粘贴板. 在~/.ideavimrc (如果不存在就创建) 中添加下列选项 set clipboar ...

  7. poj 1081 To The Max

    To The Max Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total ...

  8. tyvj 2002 扑克牌

    期望DP 本题递推比较麻烦,可以记忆化搜索 注意搜索的边界条件 以及每一次转移 #include <iostream> #include <cstdio> #include & ...

  9. 洛谷 [P2859] 摊位预定

    贪心 #include <iostream> #include <cstdio> #include <cstring> #include <algorithm ...

  10. 洛谷P1372 a/b problem

    题目背景 “叮铃铃铃”,随着高考最后一科结考铃声的敲响,三年青春时光顿时凝固于此刻.毕业的欣喜怎敌那离别的不舍,憧憬着未来仍毋忘逝去的歌.1000多个日夜的欢笑和泪水,全凝聚在毕业晚会上,相信,这一定 ...