META标签,是HTML语言HEAD区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段htm

l代码:

  <head>

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

  </head>

   这就是META标签的典型应用,标识page所采用的编码类型。根据HTML语言标准注释:META标签是对网站发

展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。

  详细介绍

   META标签分两大部分:HTTP-EQUIV和NAME变量。

  参数HTTP-EQUIV

  HTTP-EQUIV类似于HTTP的头部协议,它给浏览器回应一些有用的信息,以帮助正确地显示网页内容。常用

的HTTP-EQUIV类型有:

  A. Expires(期限)

  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。

  用法:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

  注意:必须使用GMT的时间格式。

  B. Pragma(cache模式)

  说明:禁止浏览器从本地机的缓存中调阅页面内容。

  用法:<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

  注意:这样设定,访问者将无法脱机浏览。

  C. Refresh(刷新)

  说明:需要定时让网页自动链接到其它网页的话,就用这句了。

  用法:<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">

  注意:其中的5是指停留5秒钟后自动刷新到URL网址。

  D. Set-Cookie(cookie设定)

  说明:如果网页过期,那么存盘的cookie将被删除。

  用法:<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;

  expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

  注意:必须使用GMT的时间格式。

  E. Window-target(显示窗口的设定)

  说明:强制页面在当前窗口以独立页面显示。

  用法:<META HTTP-EQUIV="Window-target" CONTENT="_top">

  注意:用来防止别人在框架里调用你的页面。

  F. Content-Type(显示字符集的设定)

  说明:设定页面使用的字符集。

  用法:<META http-equiv="Content-Type" content="text/html; charset=gb2312">

  注意:游览器会根据此来调用相应的字符集显示page内容

  G. Pics-label(网页等级评定)

  说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是

通过该参数来设置的。

  用法:<META http-equiv=”Pics-label” contect=””>

  注意:不要将级别设置的太高。

  参数NAME

  META标签的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="主要介绍程序设计语言JAVA、C等">

  3. Robots(机器人向导)

  说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。CONTENT的参数有all、none

、index、noindex、follow、nofollow。默认是all。

  举例:<META NAME="Robots" CONTENT="none">

  4. Author(作者)

  说明:标注网页的作者

  举例:<META name="AUTHOR" content="张三,abc@sina.com”>

  用例分析

  以上是META标签的一些基本用法,其中最重要的就是:Keywords和Description的设定。为什么呢?

  道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问你的站点!根据现在流行搜索

引擎(Google,Lycos,AltaVista等)的工作原理,搜索引擎先派机器人自动在WWW上搜索,当发现新的网站时,

便检索页面中的Keywords和Description,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。

  由此看来,我们必须记住添加Keywords和Description的META标签,并尽可能写好关键字和简介。否则,后

果就会是:

  2 如果你的页面中根本没有Keywords和Description的META标签,那么机器人是无法将你的站点加入数据库

,网友也就不可能搜索到你的站点。

  2 如果你的关键字选的不好,关键字的密度不高,被排列在几十甚至几百万个站点的后面被点击的可能性

也是非常小的。

  写好Keywords(关键字)要注意以下几点:

  l 不要用常见词汇。例如www、homepage、net、web等。

  l 不要用形容词,副词。例如最好的,最大的等。

  l 不要用笼统的词汇,要尽量精确。例如“爱立信手机”,改用“T28SC”会更好。

  “三人之行,必有我师”,寻找合适关键词的技巧是:到Google、Lycos、Alta等著名搜索引擎,搜索与你

的网站内容相仿的网站,查看排名前十位的网站的META关键字,将它们用在你的网站上,效果可想而知了。

  小窍门

  为了提高搜索点击率,这里还有一些“捷径”可以帮得到你:

  ü 为了增加关键词的密度,将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。

  ü 在图像的ALT注释语句中加入关键字。

  如:<IMG SRC="xxx.gif" Alt="Keywords">

  ü 利用HTML的注释语句,在页面代码里加入大量关键字。

  用法: <!-- 这里插入关键字 -->

meta 标签的作用的更多相关文章

  1. html的<meta>标签的作用

    <meta>标签包含了页面文档的上下文信息. 主要包含的上下文信息: 1.配置了服务器向浏览器响应时,http协议的head信息,浏览器根据head执行相应操作. 2.对页面的描述信息,便 ...

  2. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  3. <meta>标签的作用

    <META> 是放于 <HEAD> 与 </HEAD>之间的标记,功用与变化等对,所以我公式化地介绍. <meta name="Descriptio ...

  4. 请说明meta标签的作用。

    请说明meta标签的作用. 解答: meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多 ...

  5. 浅析网站开发中的 meta 标签的作用

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  6. [转] meta标签的作用及整理

    meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下meta标 ...

  7. HTML中meta标签的作用与使用

    META标签用来描述一个HTML网页文档的属性 META标签可分为两大部分:HTTP-EQUIV和NAME变量. HTTP实例 HTML代码实例中有一项内容是 <meta http-equiv= ...

  8. meta标签的作用及整理

    [转载] meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下 ...

  9. 前端三部曲之Html -- 1(html的基本结构和常见的meta标签的作用)

    一个H5页面的基本结构是什么 我么在编辑器中输入html:5可以得到 <!DOCTYPE html> <!-- 声明文档类型 --> <html lang="e ...

随机推荐

  1. 【原】iOS学习之极光推送

    一.极光推送工程端 1.下载SDK 极光推送是一个推送消息的第三方,SDK下载:https://www.jpush.cn/common/products 集成压缩包内容:包名为JPush-iOS-SD ...

  2. python 列表转换成字符串

    用字符串的 join 方法: li = ['a', 'b', 'c', 'd'] s = ''.join(li) print(s) abcd 用字符串的占位符替换 li = ['a', 'b', 'c ...

  3. 【Eclipse】 Eclipse 中JPEGEncodeParam 错误波浪线问题

    [异常信息] Description Resource Path Location Type Access restriction: The method encode(BufferedImage, ...

  4. 关于 error: Operation is not valid due to the current state of the object。

    今天碰到一个特别的异常. Operation is not valid due to the current state of the object. at System.Web.HttpValueC ...

  5. php获取html纯文本,解决编辑器手动键入空格造成的无意义空白字符(空值问题)

    在项目中,我们常常需要用到一些验证,不管是前台还是后台的,上传的问题时,需要内容不为空,但可视化编辑器的介入让手动敲入空格跳出了常规的检测.空格是一种排版的手段,但毫无内容只有空格就显得没有意义了,今 ...

  6. java并发编程(二)线程中断

    参考:http://blog.csdn.net/ns_code/article/details/17091267 使用interrupt()中断线程 当一个线程运行时,另一个线程可以调用对应的Thre ...

  7. linq To DataTable

    //将IEnumerable<T>类型的集合转换为DataTable类型 1111 public static DataTable LINQToDataTable<T>(IEn ...

  8. Java学习记录-Jdk包简单介绍

    java.applet Java语言编写的一些小应用程序 java.awt AWT 是Abstract Window ToolKit (抽象窗口工具包)的缩写,这个工具包提供了一套与本地图形界面进行交 ...

  9. kafka综合介绍

    设计目标 高吞吐率.即使在非常廉价的商用机器上也能做到单机支持每秒100K条以上消息的传输. 支持Kafka Server间的消息分区,及分布式消费,同时保证每个Partition内的消息顺序传输 同 ...

  10. 重新梳理HTML基础知识

    缘起 HTML(HyperText Markup Language超文本标记语言)是用于构建web页面的标记语言和通用标准.它并不是一项新的发明,因为超文本(具有超链接的文本)和标记语言(用于电子文档 ...