meta是什么?meta其实是html语言head区的一个辅助性标签。在几乎所有的网页里,我们都可以看到类似下面这段html代码:<META http-equiv=Content-Type content="text/html; charset=gb2312">
有人要说,这段代码好象可有可无,没有多大实际作用嘛!其实不是没用,而是你没有用好meta标签。为什么这样说呢?这是因为meta标签有许多参数,使用不同的参数就可以使主页实现不同的功能,例如用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等!下面就让我们一起来揭开meta标签的神秘面纱吧!
一、语法:
<meta name="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项之前。如:
<meta type="keywords" content=".......,...,...">
<meta type="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秒刷新一次,代码这样写:
<meta http-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、标注作者:
<meta name="author" content="黄山村夫—安徽新建基础工程有限责任公司">
7、控制页面缓冲,如不要页面缓冲的代码这样写:
<meta http-equiv="Cache-Control" CONTENT="no-cache">
其它还有一些,不过不常用。
分享到:
相关推荐
charset=gb2312"> <br/> 繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"><br/> 英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <br/><br/> ...
charset=UTF-8"/> <br> <br> <br> <meta http-equiv="pragma" content="no-cache"><br> <meta http-equiv="cache-control" content="no-cache"><br> <meta http-equiv="expires" content="0"> <br> <meta ...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="ROBOTS" content="NOODP"> <meta name="description" content="hao123网址之家——,从hao123开始。"> <title>hao123--我的...
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta ...
-- Inserted by TRADOS: --><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312"> <title>IDM Computer Solutions, Inc. 软件 - UltraEdit</title> <link href="style.css" rel="stylesheet" ...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta content="<%= Descriptionp%>" name="description"/> <meta content="<%=Keywordsp %>" name="keywords" /> <link href="Images/css...
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ʽ</title> </head> <body> <script type="text/javascript"> function gotoSelectedPage() { var x = document....
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312" /> <META NAME="Generator" CONTENT="EditPlus" /> <META NAME="Author" CONTENT="YingTo.Com" /> <META NAME="Keywords" CONTENT="" /> ...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <BODY background="cittext.gif" text="#0033CC" vlink="#00FF99" alink="#CC33CC"> <p> <TABLE border=0 cellPadding=1 cellSpacing=1> ...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <BODY background="cittext.gif" text="#0033CC" vlink="#00FF99" alink="#CC33CC"> <p> <TABLE border=0 cellPadding=1 cellSpacing=1> ...
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Insert title ...
<xsl:output name="text" method="text"/> <xsl:output name="xml" method="xml" indent="yes"/> <xsl:output name="html" method="html" indent="yes" omit-xml- declaration="yes"/> <xsl:output name=...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>login</title> <link href="mycss.css" rel="stylesheet" type="text/css" /> </head> <body> <jsp:include page="top.html"/> ...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>失物招领系统</title> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div id=main> <div class=...
名:<input type="text" name="FirstName" value="雪芹" /><br /> 姓:<input type="text" name="LastName" value="曹" /><br /> <input type="submit" value="提交" /> </form> <p>当你点击“提交”按钮时,你的...
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Language" content="ch-cn"> </head> <body> <!-- Form 用来提取用户填入并提交的信息--> <form method=...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <link href="css/add-1.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="top">请 录 入 ...
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> </head> <body bgcolor="cccffff"> <br><br><br><br> <center> <p> 添加学生信息</p> <form ...
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <link rel="stylesheet" type="text/css" href="./scripts/ext/resources/css/ext-all.css"> <style type="text/css"> .user{ ...
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Language" content="ch-cn"> </head> <body> <!-- Form 用来提取用户填入并提交的信息--> <form method=...