>

1、澳门博发娱乐官网使用一行代码来指定浏览器

- 编辑:澳门博发娱乐官网 -

1、澳门博发娱乐官网使用一行代码来指定浏览器

扬言文书档案描述

XHTML

<meta name="description" content="那是意气风发份meta列表" />

1
<meta name="description" content="这是一份meta列表" />

文书档案描述内容极度是欧洲经济共同体的一句话,以不超过五十多个字符为宜

name属性

关键词

<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">

说明:为搜索引擎提供的关键字

Description (简介)

<Meta name="Description" Content="你网页的简述">

说明:Description用来告诉搜索引擎你的网址根本内容

罗布ots (机器人向导卡塔尔国

<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

说明:罗布ots用来报告搜索机器人怎样页面供给索引,哪些页面无需索引。Content的参数有all、none、index、noindex、follow、nofollow。默许是all。

all:文件将被搜寻,且页面上的链接能够被询问;

none:文件将不被搜寻,且页面上的链接不可能被询问;(和 "noindex, no follow" 起相近效果卡塔尔

index:文件将被找寻;(让robot/spider登入)

follow:页面上的链接能够被询问;转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

noindex:文件将不被搜寻,但页面上的链接能够被询问;(不让robot/spider登陆卡塔尔(قطر‎

nofollow:文件将不被寻觅,页面上的链接能够被询问。(不让robot/spider顺着此页的连天往下探找卡塔尔

作者

<Meta name="Author" Content="张三,abc@sina.com">

说明:标记网页的撰稿者或制作组

Generator (编辑器)

<Meta name="Generator" Content="PCDATA|FrontPage|">

证实:编辑器的注脚 注意:Content="你所用编辑器"

revisit-after (重访)

<META name="revisit-after" CONTENT="7 days">

x-ua-compatible 头标签大小写不灵敏,必需用在 head 中,必须在除 title 外的其余 meta 在此之前运用。

2、申明使用的浏览器及版本
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  当钦赐的content值为IE=edge,chrome=1时,优用 IE 最新版本和 Chrome。假定客商端安装了Google Chrome Frame,则在IE中接纳chrome的渲染引擎来渲染页面,否则,将会使用客商端IE最高的正统情势对页面进行渲染。
  还会有以下二种设置格局:
<meta http-equiv="X-UA-Compatible" content="IE=6" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 3、SEO优化相关
  页面描述,每种网页都应当二个不超过 1四十八个字符且能可相信反映网页内容的陈述标签。
<meta name="description" content="不超过150个字符" />
  页面关键词,种种网页应有所描述该网页内容的生龙活虎组唯意气风发的机要字。
  使用大家大概会寻找,并正确描述网页上所提供新闻的描述性和代表性关键字及短语。
<meta name="keywords" content="html5, css3, 关键字"/>
  定义网页小编,非要求
<meta name="author" content="月光光" />
 4、页面重定向和刷新:content内的数字代表时间(秒),既多少日子后刷新。假若加url,则会重定向到内定网页。
<meta http-equiv="Refresh" contect="5;url=" />
  上述代码表示停留5分钟后自动刷新跳转到U奥迪Q5L网站http://www.admin10000.com。
 5、Expires网页过期时间
<meta http-equiv="Expires" contect="Mon,12 May 2016 00:20:00 GMT" />
  设定网页的到期时间,后生可畏旦过期则必需到服务器上再一次调用,需求留意的是必需选取丙胺博莱霉素T时间格式,或直接设为0(不缓存卡塔尔国。
 6、Pragma禁绝本地缓存
<meta http-equiv="Pragma" contect="no-cache" />
  设定网页不保存在缓存中,每便访谈都刷新页面。那样设定,访谈者将不可能脱机浏览。
 7、viewport移动器具显示屏可视区域
  由于移动装备荧屏宽度分化于守旧 web,由此大家需求改换 viewport 值。
  半数以上4.7-5寸设备的viewport宽设为360px;5.5寸设备设为400px;iphone6设为375px;ipone6 plus设为414px。
  width – viewport 的宽度 (范围从 200 到 10,000,默认为 980 像素)
  height – viewport 的高度 (范围从 223 到 10,000 )
  initial-scale – 初始的缩放比例 (范围从 > 0 到 10)
  minimum-scale – 允许客商缩放到的非常小比例
maximum-scale – 允许客户缩放到的最大比重
  user-scalable – 客商是不是足以手动缩放 (no,yes卡塔尔(英语:State of Qatar)
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  强制让文档与设备的增加率保持 1:1 ;
  文书档案最大的宽窄比列是1.0( initial-scale 早先刻度值和 maximum-scale 最大刻度值);
  user-scalable 定义客户是不是足以手动缩放( no 为不缩放),使页面固定设备下边包车型大巴轻重缓急;
  注意:实际测验中开采,有些安卓系统自带的浏览器并不支持这一条准绳,可以对页面举行放大,风华正茂旦放手响应的 box 也随之加大,招致页面现身杂乱难点,清除情势:定义页面包车型客车小不点儿宽度。
body { min-width: 320px; }
  注意,很几人选择initial-scale=1到非响应式网址上,那会让网址以百分百上涨的幅度渲染,顾客须求手动移动页面或然缩放。如若和initial-scale=1同不经常间使用user-scalable=no或maximum-scale=1,则顾客将不可能松手/减少网页来看看整个的故事情节。
  对于活动设备上的meta还应该有以下一些安装。
  8、WebApp全屏情势:伪装app,离线应用。
<meta name="apple-mobile-web-app-capable" content="yes" />
  9、隐敝状态栏/设置境况栏颜色:独有在开启WebApp全屏形式时才生效。content的值为default | black | black-translucent 。
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  10、增多到主屏后的标题
<meta name="apple-mobile-web-app-title" content="标题" />
  11、忽视数字自动识别为电话号码
<meta content="telephone=no" name="format-detection" />
  12、忽视识别邮箱
<meta content="email=no" name="format-detection" />

评释页面过期时间

XHTML

<meta http-equiv="expires" content="0" /> <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />

1
2
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />

该表明用来钦定页面包车型的士逾期时间,生机勃勃旦网页过期,从服务器上再也央求,个中时间必需使用GMT格式,可能直接是0(即不缓存)

前言

meta是html语言head区的二个协理性标签。可能你以为那么些代码无关宏旨。其实假诺你能够用好meta标签,会给您带给意想不到的效果与利益,meta标签的效果与利益有:寻找引擎优化(SEO),定义页面使用语言,自动刷新并针对新的页面,完毕网页转换时的动态效果,调控页面缓冲,网页定级评价,调控网页展现的窗口等!

x-ua-compatible 用来内定IE浏览器拆解剖析编写翻译页面包车型客车model

Meta标签是HTML语言head区的二个扶持性标签,它坐落于HTML文档尾部的head标识和title标志之间,它提供顾客不可以知道的新闻。它可用以浏览器(怎么样显示内容或再一次加载页面),搜索引擎(关键词),或其余web服务。
  笔者现将前端页面开荒平日利用的meta标签内容收拾成文,参加了移动端web开辟meta音信,供应和需要要时翻看。

meta列表

好的meta接纳,能更加好地加强页面包车型大巴可用性及被找出的概率。

此间并不会列出装有的meta行使办法,只选用部分常用及实际意义一点都不小的说道,当然也席卷一些商家私有定制的。

 

http-equiv属性

展现字符集的设定

<meta  http-equiv="Content-Type"  content="text/html;  charset=utf-8">

<meta  http-equiv="Content-Language"  content="zh-CN">

说明:用于评释主页制作所使用的文字以致语言;又如英文是ISO-8859-1字符集,还会有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

Refresh (刷新)

<meta http-equiv="Refresh" content="n; url=;

说明:定时让网页在内定的时间n内,跳转到你的页面;

Expires (期限)

<meta  http-equiv="Expires"  content="Mon,12 May 2001 00:20:00 GMT">

说明:能够用来设定网页的到期时间,大器晚成旦过期则必需到服务器上再度调用。供给留意的是必需选择丙胺博莱霉素T时间格式;

Pragma (cach模式)

<meta  http-equiv="Pragma"  content="no-cache">

说明:是用以设定禁绝浏览器从当地机的缓存中调阅页面内容,设定后只要偏离网页就不恐怕从Cache中再调出;

Set-Cookie (cookie设定)

<meta  http-equiv="set-cookie"  content="Mon,12 May 2001 00:20:00 GMT">

说明:cookie设定,如若网页过期,存盘的cookie将被剔除。须求介意的也是必得运用螺旋霉素T时间格式;

Pics-label (网页普拉多SAC等第推断)

<meta  http-equiv="Pics-label"  content="">

说明:网页等第评定,在IE的internet选项中有黄金年代项内容设置,能够免止浏览部分受限定的网站,而网址的范围品级就是经过meta属性来设置的;

Window-target (展现窗口的设定)

<meta  http-equiv="windows-Target"  content="_top">

说明:强制页面在这时候此刻窗口中以单身页面显示,可防止止投机的网页被外人作为二个frame页调用;

Page-Enter、Page-Exit (步入与退出)

<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transition= 50)">

<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transition=6)">

说明:设定步向和间距页面时的特殊效果,那几个效应即FrontPage中的"格式/网页过渡",不过所加的页面不可能是叁个frame页面。

扬言使用的浏览器及版本

x-ua-compatible设置是从IE8初步扩展的(很精晓,只适用于IE),对于过往的本子不能甄别。开垦者可以因此安装x-ua-compatible来钦定渲染引擎的花色和本子,何况因为急需不生机勃勃足以有多样不相同的安装。当直接钦点content为IE的某部具体版本,如上述代码第1条,顾客端的IE将会使用IE7.0标准形式对页面进行渲染,并忽视Doctype定义。当钦定的IE版本在顾客端IE中官样文章时,IE将会尝试将该值转换为Infiniti周围的本子。举个例子内定三个低于5.0的IE版本,如上述代码第2条,顾客端的IE将会使用IE5.0对页面进行渲染,由于IE5.0并从未正经方式,所以将会平素运用quirks mode来渲染;借使内定八个超乎客商端IE的版本,如上述代码第3条,假定客商端IE的最高版本为9.0,那么IE会将该值调换为IE=9,即利用IE9.0标准形式对页面举办渲染。

<meta  http-equiv="x-ua-compatible"  content="IE=7"/>

<meta  http-equiv="x-ua-compatible"  content="IE=4"/>

当钦赐的content值加了Emulate前缀时,如上述代码,客商端IE将会基于Doctype定义来支配怎么着来对页面举办渲染。假诺页面使用了正规的Doctype,那么此概念效果等同地点的情景;即便页面并没有行使正规的Doctype,那么将利用quirks mode来渲染。

<meta  http-equiv="x-ua-compatible"  content="IE=EmulateIE7"/>

当钦赐的content值为IE=Edge时,如上述代码,客商端的IE将会利用最高的正经八百情势对页面进行渲染。

<meta  http-equiv="x-ua-compatible"  content="IE=Edge"/>

当钦命的content值有七个本猪时,如上述代码,假定客商端IE版本为8.0依旧9.0,则应用IE7.0标准格局对页面举行渲染;假定顾客端IE版本为10.0恐怕11.0,则直接使用相应版本的科班情势对页面实行渲染。

<meta  http-equiv="x-ua-compatible"  content="IE=7, 10, 11"/>

当钦定的content值为IE=Edge, chrome=1时,如上述代码,假定客户端安装了谷歌 Chrome Frame,则在IE中运用chrome的渲染引擎来渲染页面,否则,将会选取客商端IE最高的标准方式对页面进行渲染。

<meta  http-equiv="x-ua-compatible"  content="IE=Edge, chrome=1"/>

3、为了测量检验,大家也勉强接受下边包车型客车话语内定浏览器遵照最高的正规情势解析页面。

1、声明文书档案使用的字符编码<meta charset='utf-8'>  或
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ,正是万国码。它能够在同生机勃勃页面展现中文简体、繁体及别的语言(如法文,爱尔兰语)等。当然,你也得以使用gb2312(简体中文),big5(繁体普通话)等等其余字符集。
  而眼下大家平时推荐使用第生机勃勃种写法,也是HTML5运用的写法。

Case5:

XHTML

<meta http-equiv="x-ua-compatible" content="IE=Edge, chrome=1" />

1
<meta http-equiv="x-ua-compatible" content="IE=Edge, chrome=1" />

当钦命的content值为IE=Edge, chrome=1时,如上述代码,假定顾客端安装了Google Chrome Frame,则在IE中接纳chrome的渲染引擎来渲染页面,不然,将会选取客商端IE最高的科班格局对页面进行渲染。

澳门博发娱乐官网 1

宣示寻觅引擎抓取方式

XHTML

<meta name="robots" content="index" />

1
<meta name="robots" content="index" />

 

布告找寻引擎文档是不是供给被索引。可选值有:

  • all(暗许值,索引当前页并追踪链接,也正是:index, follow)
  • none(忽视当前页,约等于:noindex, nofollow)
  • index(索引当前页)
  • noindex(不索引当前页)
  • follow(追踪当前页链接,不论当前页是不是被索引)
  • nofollow(不追踪当前页链接,无论当前页是或不是被索引)

设若注脚冲突,某个引擎只怕会做严俊管理:

XHTML

<meta name="robots" content="noindex" /> <meta name="robots" content="index" />

1
2
<meta name="robots" content="noindex" />
<meta name="robots" content="index" />

临近上述代码,在Google引擎中,会执行noindex以此更是严刻的宣示。

急需在乎的是并非全数找出引擎都协助robots meta,比较保守的做法是相配robots.txt使用。

  1. 谷歌 Chrome Frame也足以让IE用上Chrome的引擎:

声称页面刷新或跳转

XHTML

<meta http-equiv="refresh" content="10" /> <meta http-equiv="refresh" content="10; url=" />

1
2
<meta http-equiv="refresh" content="10" />
<meta http-equiv="refresh" content="10; url=http://www.doyoe.com" />

该注脚用来钦命页面自刷新只怕跳转到其余页面,此中的大运单位是s

 

宣称加多到主显示器的Web App标题

iOS Safari允许客商将八个网页增添到主荧屏然后像App风姿浪漫律来操作它。我们了解各种App江湖都会有三个名字,iOS Safari提供了八个个体的meta来定义这一个名字,代码如下:

XHTML

<meta name="apple-mobile-web-app-title" content="Web App名称" />

1
<meta name="apple-mobile-web-app-title" content="Web App名称" />

Android Chrome31.0Android Browser5.0也初步帮助加多到主显示屏了,但并未提供相应的概念标题标秘诀,所以假若您想统意气风发iOSAndroid阳台定义Web app名称的情势,能够动用title标签来定义,代码如下:

XHTML

<title>Web App名称</title>

1
<title>Web App名称</title>

但只要您想要网页标题和App名字不意气风发致的话,那就唯有iOS才行。

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –>
//或者
<meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>
4.强制IE8使用IE6或IE5情势来分析

常规

 

声称小编新闻

XHTML

<meta name="author" content="joy, dooyoe@gmail.com" />

1
<meta name="author" content="joy, dooyoe@gmail.com" />

参考:

宣示页面是不是缓存

XHTML

<meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache" />

1
2
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />

上述讲话都足以用来内定文书档案不被缓存。一些照旧在使用HTTP/1.0的能够使用第1条,第2条由HTTP/1.1提供,常用值还会有:public, no-cache, no-store等

<meta http-equiv="x-ua-compatible" content="IE=8" >

声明viewport视口

XHTML

<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

1
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

该注脚用于钦命在活动道具上页面包车型客车构造视口如何设置。对于viewport meta的详尽设置,请参谋:移步前端第一弹:viewport详细解释

三、<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
创设html5时开掘那样一句话,不知其如何看头,百度如下:
如此那般写能够高达的意义是生龙活虎旦设置了GCF,则接纳GCF来渲染页面,要是没设置GCF,则运用最高版本的IE内核实行渲染。谷歌(Google卡塔尔Chrome Frame(Google内嵌浏览器框架GCF)。那几个插件能够让客商的IE浏览器外不改变,但顾客在浏览网页时,实际上利用的是GoogleChrome浏览器内核,况且扶持IE6、7、8等多个版本的IE浏览器。

前言

在活动前端第一弹:viewport详细明白中,大家讲了viewport,那是三个关于meta的逸事。此次大家会就将meta其风流倜傥遗闻讲得更广阔、更有趣一些。

写过HTML的童鞋,应该都对那一个不面生,或用它来定义页面编码,或用它来定义找出引擎抓取形式,或用它定义页面关键字,描述等等。

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >

扬言增添到主荧屏时隐蔽地址栏和状态栏(即全屏)

当我们将一个网页增多到主显示器时,会更愿意它能有像App如出黄金年代辙的显示,未有地址栏和景色栏全屏突显,代码如下:

XHTML

<meta name="apple-mobile-web-app-capable" content="yes" />

1
<meta name="apple-mobile-web-app-capable" content="yes" />

该方案在 iOSAndroid5.0+ 上都通用。

只需将透明png图片命名称为*-trans.png

证明找出引擎抓取间距

XHTML

<meta name="revisit-after" content="10 days" />

1
<meta name="revisit-after" content="10 days" />

不时候你可能并不期望站点一向被搜寻引擎抓取,而是每隔黄金年代段时间才来做客贰遍,这个时候,能够注明revisit-after meta

大器晚成行代码解决各样IE宽容难点,IE6,IE7,IE8,IE9,IE10

Case2:

XHTML

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />

1
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />

当钦赐的content值加了Emulate前缀时,如上述代码,客商端IE将会基于Doctype定义来调整哪些来对页面举办渲染。假设页面使用了标准的Doctype,那么此概念效果等同Case1;若是页面并不曾应用正式的Doctype,那么将使用quirks mode来渲染。

<meta http-equiv=“X-UA-Compatible” content=“IE=6″><!– IE6 mode –> 

本文由胜博发-前端发布,转载请注明来源:1、澳门博发娱乐官网使用一行代码来指定浏览器