网页meta标签的奥妙

2016-02-19 14:32 35 1 收藏

下面这个网页meta标签的奥妙教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

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的注释语句,在页面代码里加入大量关键字。
   用法: !--- 这里插入关键字 ---

来源:http://www.tulaoshi.com/n/20160219/1607143.html

延伸阅读
标签: Web开发
使用 LABEL 对象 HTML 4.0 规范引入了 LABEL 对象,您可以使用它来将文本与其他任何 HTML 对象或内部控件相关联。无论用户单击 LABEL 或者 HTML 对象,链接的 LABEL 和 HTML 对象在引发和接收事件时行为一致。要链接 LABEL 和 HTML 对象,请将 LABEL 的 FOR 属性设置为等于 HTML 对象的 ID 属性。 下列示例将 LABEL 控件与文本框相关联。当用...
标签: PS PS基础
最终效果图 步骤1:创建标签和折痕形状 使用圆角矩形工具创建一个圆角方形。接着再创建一个稍小一点的圆角方形。使用选择工具,抓住第二个方形的一角,按住Shift旋转45度。把第二个方形放在第一个方形的右下角,放在需要做折痕的地方。复制两个方形粘贴在前面。选中原先制作的方形和原先旋转的方形,使用交集并扩展形状,创建出折痕形状。...
标签: Web开发
CSS网页布局中,tbody标签与thead和tfoot标签如何使用呢? thead 标签用于HTML表格的表头 表格的头部thead,可以使用单独的样式定义表头,并且在打印时可以在分页的上部打印表头. tfoot 标签表示HTML表脚 表格的表脚tfoot,可以使用单独的样式定义表脚,并且在打印时可以在分页的下部打印表脚. tbody 标签表...
标签: Web开发
META元素就是经常在和之间出现的东东。它对访问者本人是不可见的(除非分析HTML源文件),但是,它对浏览器和一些搜索引擎是可见的,用来描述文档特性。本文拟就对实用的和常见的META特性进行讨论。 首先,看一下META所支持的属性: name="" 指定特性名 content="" 指定特性值 scheme="" 命名一个解释特性值的方案 http-equiv="" HTTP...
标签: Delphi
  一、如何得知当前行号 用RichEdit(或者memo)控件制作文本编辑器时,通过访问linescount属性可以得到总行数,但是若想知道光标当前所在行的行号就麻烦了,因为delphi没有提供这个属性。要实现这个编辑器必备功能,就须调用em_ LineFromChar。请试试下面的程序。 先在窗口中布置一个RichEdit或者memo(命名为editor),...

经验教程

258

收藏

47
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部