meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：
name 属性
1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下：
设定为all：文件将被检索，且页面上的链接可以被查询；
设定为none：文件将不被检索，且页面上的链接不可以被查询；
设定为index：文件将被检索；
设定为follow：页面上的链接可以被查询；
设定为noindex：文件将不被检索，但页面上的链接可以被查询；
设定为nofollow：文件将不被检索，页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；
又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
以上是常用的几个meta属性，有个人主页的朋友不妨在你的主页中加上它，效果可是不一样的。
9.author(作者)
说明：标注网页的作者
举例：<META name="AUTHOR" content="ajie,ajie@netease.com">
以上是meta标签的一些基本用法，其中最重要的就是:Keywords和description的设定。
为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出机器人自动在www上搜索，当发现新的网站时，便检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。
也就是说：
1. 如果你的页面中根本没有Keywords和description的meta标签，那么机器人是无法将你的站点加入数据库，网友也就不可能搜索到你的站点。
2. 如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面被点击的可能性也是非常小的。
所以,我们必须记住添加keywords和description的meta标签，并尽可能写好关键字和简介。
写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">
另外为了提高搜索点击率，这里还有一些"邪门歪道"：
1.为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。
2.在图象的alt注释语句中加入关键字。
如：<IMG SRC="xxx.gif" Alt="keywords">
3.利用HTML的注释语句，在页面代码里加入大量关键字。
用法： <!--- 这里插入关键字 ---> <!--Zoom end -->
分享到：
相关推荐
本篇将详细阐述如何设置页面的缓存与不缓存，以及HTML页面中`meta`标签的作用。 首先，页面缓存主要通过HTTP协议头信息来控制。HTTP1.0使用`Pragma`字段，而在HTTP1.1中，`Cache-Control`字段成为了更强大的控制...
### HTML中小meta的大作用 在Web开发中，`<meta>`标签虽然看起来不起眼，但实际上它扮演着极其重要的角色。本文将深入探讨`<meta>`标签及其相关属性的应用，帮助读者更好地理解如何利用这些标签来优化网页的表现和...
### HTML中的`<meta>`标签详解与应用 #### 一、`<meta>`标签概述 在HTML中，`<meta>`标签主要用于定义元数据（metadata），即关于数据的数据。这些元数据不会显示在页面上，但会被浏览器用来理解网页的一些基本...
meta标签的作用及整理
网页HTML代码中Meta标签详解 Meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，提供用户不可见的信息。Meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的...
关键字 meta（标签）及 Keywords（关键词），曾经在网页中很重要的，但现在已经被很多搜索引擎完全忽略。但是，如果加上这个标签也对网页的综合表现没有坏处，不过，如果使用不恰当的话，对网页非但没有好处，还有...
HTML中的`meta`标签是网页元数据的重要组成部分，它提供了关于HTML文档的附加信息，这些信息通常不直接显示在页面上，而是对搜索引擎优化（SEO）、浏览器行为控制、页面缓存策略等方面起着关键作用。以下是对`meta`...
正确地使用`<meta>`标签对于提高网站的可访问性、SEO优化等方面具有重要作用。例如： - 使用`<meta name="Keywords">`可以帮助搜索引擎更好地理解页面的主题。 - `Content-Type`属性用于指定页面使用的字符集编码，...
在构建网页的过程中，合理运用`<meta>`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`<meta>`标签的功能及其应用场景。 #### `<meta>`标签的基本概念 `<meta>`标签位于...
html5中<meta>标签的各种使用方法
搜索引擎和 HTML Meta 标签（Meta Tags）
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过...
HTML中的`<meta>`标签是网页元数据的重要组成部分，它提供了关于HTML文档的额外信息，如页面描述、关键字、字符编码、刷新间隔等。在上述内容中，主要介绍了与HTTP响应头相关的`<meta>`标签，这些标签可以模拟HTTP...
手机页面中的 手机 HTML5 开发 meta设置，要注意的地方
总的来说，`<meta>` 标签在网页设计中起到提供元信息、优化SEO、控制浏览器行为等多方面的作用。合理利用 `<meta>` 标签，可以帮助我们创建更高效、更易用、更符合标准的网页。在设计和开发过程中，务必注意选择适当...
### JavaScript中的Meta标签功能 Meta标签是HTML文档中不可或缺的一部分，它主要被放置在文档的头部（`<head>`）区域。尽管JavaScript主要用于控制页面的行为和动态内容的更新，但了解Meta标签及其如何与HTML文档...
### HTML Meta标签使用方法详解 #### 一、Meta标签简介 HTML中的`<meta>`标签是一种重要的元数据...综上所述，合理利用`<meta>`标签可以极大地增强网站的功能性和用户体验，对于网页开发者来说是一项非常有用的技能。
Meta 标签分两大部分：HTTP 标题信息（HTTP-EQUIV）和页面描述信息（NAME）。 HTTP-EQUIV HTTP-EQUIV 类似于 HTTP 的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的 ...
在网页开发中，HTML（HyperText Markup Language）是构建网页内容的基础语言，而Meta标签则是HTML文档中的一个重要组成部分。本文将详细解释Meta标签的概念、用途及其实现方式，并深入探讨其中的一些关键属性如`...