`
fengbo515
  • 浏览: 40591 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

META标签用法

    博客分类:
  • html
阅读更多

 META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看  
 
到类似下面这段html代码:  
   
  -----------------------------------------------  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  </head>  
  -----------------------------------------------  
   
 
这就是meta标签的典型运用。meta标签有多少参数,有什么作用,为什么我们要特别重  
 
视它呢?让我们一起来发掘meta标签的奥妙!  
   
 
根据HTML语言标准注释:meta标签是对网站发展非常重要的标签,它可以用于鉴别作者,  
 
设定页面格式,标注内容提要和关键字,以及刷新页面等等。  
   
  meta
标签分两大部分:HTTP-EQUIVNAME变量。  
   
  ●HTTP-EQUIV
类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确  
 
地显示网页内容。常用的HTTP-EQUIV类型有:  
   
  1.expires(
期限)  
 
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。  
 
用法:<META   HTTP-EQUIV="expires"   CONTENT="Wed,   26   Feb   1997   08:21:57   GMT">  
 
注意:必须使用GMT的时间格式。  
   
  2.Pragma(cach
模式)  
 
说明:禁止浏览器从本地机的缓存中调阅页面内容。  
 
用法:<META   HTTP-EQUIV="Pragma"   CONTENT="no-cache">    
 
注意:这样设定,访问者将无法脱机浏览。  
   
  3.Refresh(
刷新)  
 
说明:需要定时让网页自动链接到其它网页的话,就用这句了。  
 
用法:<META   HTTP-EQUIV="Refresh"   CONTENT="5;URL=http://www.yahoo.com">  
 
注意:其中的5是指停留5秒钟后自动刷新到URL网址。  
   
  4.Set-Cookie(cookie
设定)  
 
说明:如果网页过期,那么存盘的cookie将被删除。  
 
用法:<META   HTTP-EQUIV="Set-Cookie"   CONTENT="cookievalue=xxx;  
  expires=Wednesday,   21-Oct-98   16:14:21   GMT;   path=/">    
 
注意:必须使用GMT的时间格式。  
   
  5.Windows-target(
显示窗口的设定)  
 
说明:强制页面在当前窗口以独立页面显示。  
 
用法:<META   HTTP-EQUIV="Windows-target"   CONTENT="_top">  
 
注意:用来防止别人在框架里调用你的页面。  
   
  5.Content-Type(
显示字符集的设定)  
 
说明:设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)  
 
用法:<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">    
   
   
  ●meat
标签的NAME变量语法格式是:  
  <META   NAME="xxx"   CONTENT="xxxxxxxxxxxxxxxxxx">    
 
其中xxx主要有下面几种参数:  
   
  1.Keywords(
关键字)  
 
说明:keywords用来告诉搜索引擎你网页的关键字是什么。  
 
举例:<META   NAME   ="keywords"   CONTENT="life,   universe,   mankind,   plants,    
  relationships,   the   meaning   of   life,   science">    
   
  2.description(
简介)  
 
说明:description用来告诉搜索引擎你的网站主要内容。  
 
举例:<META   NAME="description"   CONTENT="This   page   is   about   the   meaning   of    
  life,   the   universe,   mankind   and   plants.">    
   
  3.robots(
机器人向导)  
 
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。  
  CONTENT
的参数有all,none,index,noindex,follow,nofollow。默认是all  
 
举例:<META   NAME="robots"   CONTENT="none">  
   
  4.author(
作者)  
 
说明:标注网页的作者  
 
举例:<META   name="AUTHOR"   content="ajie,ajie@netease.com">  
   
 
以上是meta标签的一些基本用法,其中最重要的就是:Keywordsdescription的设定。  
   
 
为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问  
 
你的站点!  
   
 
根据现在流行搜索引擎(LycosAltaVista)的工作原理,搜索引擎首先派出机器人自动  
 
www上搜索,当发现新的网站时,便检索页面中的keywordsdecription,并将其加入到自  
 
己的数据库,然后再根据关键词的密度将网站排序。  
   
 
也就是说:  
  1.  
如果你的页面中根本没有Keywordsdescriptionmeta标签,那么机器人是  
 
无法将你的站点加入数据库,网友也就不可能搜索到你的站点。  
   
  2.  
如果你的关键字选的不好,关键字的密度不高,被排列在几十甚至几百万个站点的后面  
 
被点击的可能性也是非常小的。  
   
 
所以,我们必须记住添加keywordsdescriptionmeta标签,并尽可能写好关键字和简介。  
   
 
keywords的禁忌是:  
  1.
不要用常见词汇。例如www,homepage,net,web等。  
  2.
不要用形容词,副词。例如最好的,最大的等。  
  3.
不要用笼统的词汇,要尽量精确。例如不用"摩托罗拉手机",改用"V998"  
   
 
寻找合适的关键词的一个技巧是:到lycos,Alta,infoseek等搜索引擎,搜索与你内容相仿  
 
的网站,查看排名前十位的网站的meta关键字,copy下来用到自己的站点上。  
   
 
这里,我们举一段微软多媒体网站的关键字供你参考:  
  <meta   name="keywords"   content="joke,   music,   MP3,   media,   audio,    
  joke   of   the   day,   downloads,   free   music,   horoscope,   radio,   video,  
  music   downloads,   movies,   radio   station,   media   player,   free,    
  download,   weather,   horoscopes,   windows   media   technologies,    
  online,   radio   station   guide,   free   download">  
   
 
小资源:人们最常用的一些搜索词(即关键词)可以到  
  http://www.searchterms.com/    
  http://eyescream.com/yahootop200.html  
 
两个网址一看,那里有每个月网上最流行搜索词的排行榜.  
   
 
另外为了提高搜索点击率,这里还有一些"邪门歪道"  
  1.
为了增加关键词的密度,将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)  
  2.
在图象的alt注释语句中加入关键字。  
 
如:<IMG   SRC="xxx.gif"   Alt="keywords">  
  3.
利用HTML的注释语句,在页面代码里加入大量关键字。  
 
用法:   <!---   这里插入关键字   --->  

简单地说就是:  
  META
标记内有两个东西可以放  
 
一个是NAME变量,HTML规范中标准的NAME有二十四个如AUTHOR\KEYWORDS\DECORATION,也自己创造.这些东西主要用于描述网页,对浏览器不起作用.NAME的值表示要描述什么,后面的CONTENT表示怎么描述.  
 
另一个是HTTP-EQUIV变量,这个变量可被浏览器捕获,然后对此作出响应,主订是调整自身的设置.HTTP-EQUIV变量的值告诉浏览器要做什么,后面的CONTENT的值告诉浏览器怎么做或做完后应该达到什么效果.:meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"这句就是让浏览器把文字编码设置为简体中文.

分享到:
评论

相关推荐

    网页优化meta标签使用方法及规则中文WORD版

    资源名称:网页优化meta标签使用方法及规则 中文WORD版   本文档主要讲述的是网页优化meta标签使用方法及规则;meta是html语言head中的一个辅助标签,meta标签由http-equlv属性和name属性组成,属性不同...

    html meta标签使用方法

    主要介绍Html 标签meta用法 可以帮助初学者了解详细用处

    html中标签meta的详细使用方法和作用

    html中标签meta的详细使用方法和作用,meta大全

    hteml meta标签使用方法

    meta标签有多少参数,有什么作用,为什么我们要特别重视它呢?让我们一起来发掘meta标签的奥妙! 根据HTML语言标准注释:meta标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和...

    网页优化meta标签使用方法及规则.docx

    网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法...

    META标签使用详解

    Meta标签的使用详解,简要介绍各meta的用法,PDF格式

    html中meta标签及用法详解

    一、meta标签 含义  &lt;meta&gt; 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。  &lt;meta&gt; 标签位于文档的头部,不包含任何内容。  &lt;meta&gt; 标签的...

    html-meta标签详解

    共13页,详细讲述&lt;meta&gt;标签,让你彻底明白meta标签的属性,功能,以及使用方法技巧。

    html语言meta标签解析及SEO优化

    meta标签的用法解析,SEO优化使你的网站如何更容易被搜索引擎搜索到。

    HTML的meta标签常见用法集锦

    什么是mata标签&lt;meta&gt; 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。... 例如使用meta标签设置网站的编码是gbk2312还是utf-8meta标签设定关键字 基本语法 X

    Meta标记的用法

    html的meta标签具体用法,很有用,希望对你们有电泳

    实例讲解HTML5的meta标签的一些应用

    HTML 4.01 与 HTML 5 之间meta标签用法的主要差异: 在 HTML 5 中,不再支持 scheme 属性。 在 HTML 5 中,有一个新的 charset 属性,它使字符集的定义更加容易。 在 HTML 4.01 中,不得不这么写: XML/HTML Code...

    html5中meta的各种用法

    html5中&lt;meta&gt;标签的各种使用方法

    Web HML5实战合集

    新的 HTML5 规范旨在...4. 网页优化meta标签使用方法及规则 5. 使用-HTML5-canvas-进行-Web-绘图 6. 基于-HTML5-的-Dojo-Widget-开发 7. 浅析HTML5在移动应用开发中的使用 8. 深度分析HTML5在移动开发方面的发展状况

    HTML中的meta标签的使用详解

    在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的&lt;meta&gt;标签就是这个功能,将这个页面的...

    Asp.net 后台添加CSS、JS、Meta标签的方法

    下面是从Asp.net 后台添加CSS、JS、Meta标签的写法,我们这里写成函数方便以后使用。如果函数放在页面类中, Page参数也可以不要。 首先导入命名空间 using System.Web.UI.HtmlControls; 代码如下:/// /// 添加JS...

    html-meta-tags-hero:HTML Meta标签完整列表的摘要,使您的网站排名第一

    HTML Meta标签完整列表的摘要,使您的网站排名第一 用法 只需输入meta的名称即可生成代码示例:为meta视口生成代码 &lt; meta name = " viewport " content = " width = device-width " &gt; 你需要写视口 基本...

Global site tag (gtag.js) - Google Analytics