meta标签的使用方法

meta标签的使用方法

<metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>

是控制网页为全屏幕大小

width- viewport的宽度

height- viewport的高度

initial-scale- 初始的缩放比例

minimum-scale- 允许用户缩放到的最小比例

maximum-scale- 允许用户缩放到的最大比例

user-scalable- 用户是否可以手动缩放

meta是什么？meta其实是html语言head区的一个辅助性标签。在几乎所有的网页里，我们都可以看到类似下面这段html代码：<META http-equiv=Content-Typecontent="text/html; charset=gb2312"> 

有人要说，这段代码好象可有可无，没有多大实际作用嘛！其实不是没用，而是你没有用好meta标签。为什么这样说呢？这是因为meta标签有许多参数，使用不同的参数就可以使主页实现不同的功能，例如用于鉴别作者，设定页面格式，标注内容提要和关键字，以及刷新页面等等！下面就让我们一起来揭开meta标签的神秘面纱吧! 

一、语法：

<metaname="name" content="string">

二、参数解析：

1）name项：常用的选项有Keywords(关键字) ，description(网站内容描述)，author(作者)，robots(机器人向导)等。

2）http-equiv项：可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie设定)，Window-target(显示窗口的设定)，content-Type(显示字符集的设定)等。

3）content项：根据name项或http-equiv项的定义来决定此项填写什么样的字符串。

三、应用 

1、告诉浏览器网页所识别的文件类型及语言类型，比如说，我们要让浏览器识别HTM/HTML类型的简体中文网面，我们可以这样写： 

<Meta http-equiv="Content-Type" content="text/html;charset=gb2312" >

2、让一些搜索引擎搜索到你的网页，代码可以这样写：

<Meta Name=" Keywords" Content="网页关键字" > 

<Meta Name=" description" Content="网页描述文字"> 

要达到自动搜索引擎真正能方便地搜索到你的网页还得注意以下几点：

A、既要定义meta标记项，又要将首页正文的前200个字符定义成反映主页主题的文字。因为有些导航台在标引meta项中的关键词的同时，还要标引正文中的前200个字符。如：altavista。所以，有些人在注册完导航台后去检查注册结果时，发现导航台中的描述并不是你所希望的，而是诸如版权说明之类的文字。产生这一现象的原因就是没有注意到这一点。

B、将定义关键词的meta标记项放在定义描述的meta项之前。如：

<metatype="keywords" content=".......,...,...">

<metatype="description" content="...,....,...">

C、将最重要的关键词放在最前面，让相关的关键词相邻。全小写与首字母大写并存，因为有的导航台在标引时对字符的大小写是敏感的。包括标点符号不要超过250个单词

D、首页最好不用frame结构，因为frame将屏幕划分成多个窗口后，导航台不能智能地选择正确的窗口中的主页去标引。

3、让一个页面过上一定的时间，自动转到另一个页面或者站点去，如： 

<Meta HTTP-EQUIV="refresh" content="6;url=http://fym888.nease.net" >

content中的6表示时间，单位为秒，url=后面是你要转向的网址，若是与你当前网页在同一目录下，可以直接写上文件名，如：

<Meta HTTP-EQUIV="refresh" content="6; url=page1.htm"> 

4、让网页每隔一段时间刷新一次，若要10秒刷新一次，代码这样写：

<metahttp-equiv="refresh" content="10">

5、通过Meta可以让你进入页面时产生一些特殊效果，具体应用如下： 

<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=n)" > 其中，n的取值范围为0-23，具体的意义如下： 

0矩形缩小 1 矩形扩大 2 圆形缩小

3圆形扩大 4 下到上 5 上到下

6左到右 7 右到左 8 竖百叶窗

9横百叶窗 10 错位横百叶窗 11 错位竖百叶窗

12点 13 左右到中间 14 中间到左右

15中间到上下 16 上下到中间 17 右下到左上

18右上到左下 19 左上到右下 20 左下到右上

21横条 22 竖条 23 以上 24种随机选择一种

6、标注作者：

<metaname="author" content="黄山村夫―安徽新建基础工程有限责任公司">

7、控制页面缓冲，如不要页面缓冲的代码这样写：

<metahttp-equiv="Cache-Control" CONTENT="no-cache">