网页meta标签的奥妙

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

来源:https://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 控件与文本框相关联。当用...
标签: Web开发
CSS网页布局中,tbody标签与thead和tfoot标签如何使用呢? thead 标签用于HTML表格的表头 表格的头部thead,可以使用单独的样式定义表头,并且在打印时可以在分页的上部打印表头. tfoot 标签表示HTML表脚 表格的表脚tfoot,可以使用单独的样式定义表脚,并且在打印时可以在分页的下部打印表脚. tbody 标签表...
标签: PS PS基础
最终效果图 步骤1:创建标签和折痕形状 使用圆角矩形工具创建一个圆角方形。接着再创建一个稍小一点的圆角方形。使用选择工具,抓住第二个方形的一角,按住Shift旋转45度。把第二个方形放在第一个方形的右下角,放在需要做折痕的地方。复制两个方形粘贴在前面。选中原先制作的方形和原先旋转的方形,使用交集并扩展形状,创建出折痕形状。...
标签: Web开发
重读LukeW的《Web Form Design:Filling in the Blanks》感触很深,除佩服LukeW的钻研精神外,更多的是学习他对设计细节的执着和理解。我把对本书的理解,与工作生活中遇到的实际问题结合起来,作为今后设计工作的指导和规范。 有一些元素,看着很简单,设计起来却很头疼。往往这样的元素都具有一个共同的特点变化多,表单的设计就是如此。...
标签: Web开发
在网页教学网以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。 例如一个标题,我们可以用h1来定义它: ...

经验教程

201

收藏

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