网页meta标签的奥妙

In情何以堪

In情何以堪

2016-02-19 14:32

下面这个网页meta标签的奥妙教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!
META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段html代码:
-----------------------------------------------
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/head
-----------------------------------------------
   这就是meta标签的典型运用。meta标签有多少参数,有什么作用,为什么我们要特别重视它呢?让我们一起来发掘meta标签的奥妙!
   根据HTML语言标准注释:meta标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。
   meta标签分两大部分:HTTP-EQUIV和NAME变量。
   ●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.Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:META HTTP-EQUIV="Window-target" CONTENT="_top"
注意:用来防止别人在框架里调用你的页面。
   6.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标签的一些基本用法,其中最重要的就是: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的注释语句,在页面代码里加入大量关键字。
   用法: !--- 这里插入关键字 ---

展开更多 50%)
分享

猜你喜欢

网页meta标签的奥妙

Web开发
网页meta标签的奥妙

META标签的奥妙

Html CSS布局 Div+CSS XHTML
META标签的奥妙

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用meta标签来增强网页功能

Html CSS布局 Div+CSS XHTML
用meta标签来增强网页功能

HTML网页META标签内容写作规范要点

Web开发
HTML网页META标签内容写作规范要点

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

meta标签之详解

Html CSS布局 Div+CSS XHTML
meta标签之详解

网页优化研究:为什么要使用html的meta标签?

Web开发
网页优化研究:为什么要使用html的meta标签?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSSVault推荐的130个CSS布局站点

CSSVault推荐的130个CSS布局站点

Linux如何使用arping命令检测IP地址冲突

Linux如何使用arping命令检测IP地址冲突
下拉加载更多内容 ↓