`
deng131
  • 浏览: 672739 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

浏览器中META标签使用

阅读更多
转自:http://www.css88.com/archives/category/xhtmlcss/page/14

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类型有:

现在强行插播一段广告:
100m独立网页空间,支持html、asp、asp.net、php 原价:220元一年 现价:100元一年 送.cn域名一个 欲购从速 详情登陆:www.vvna.cn
1.expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
用法:<META HTTP- EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>
注意:必须使用GMT的时间格式。

2.Pragma(cache模式)
说明:禁止浏览器从本地机的缓存中调阅页面内容。
用法:<META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>
注意:这样设定,访问者将无法脱机浏览。

3.Refresh(刷新)
说明:需要定时让网页自动链接到其它网页的话,就用这句了。
用法:<META HTTP-EQUIV=”Refresh” CONTENT=”5;URL=http://www.yahoo.com”& gt;
注意:其中的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”>
注意:用来防止别人在框架里调用你的页面。

5.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的设定。

为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问你的站点!

根据现在流行搜索引擎(google,baidu等)的工作原理,搜索引擎首先派出机器人自动
在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标签使用详解

    ### META标签使用详解 #### 一、概述 META标签是一种重要的HTML元素,用于提供关于HTML文档的元数据信息。这些信息对于浏览器来说至关重要,能够帮助浏览器更好地解析网页内容,并为用户提供更佳的浏览体验。根据...

    WebApp里的Meta标签大全

    #### 三、Meta标签中的Name属性 除了`viewport`之外,`&lt;meta&gt;`标签还可以通过`name`属性来指定其他类型的元数据。 ##### 通用属性: - **Generator**: 生成工具信息,如编辑器版本等。 - **Keywords**: 页面关键词...

    Meta标签详解

    ### Meta标签详解 #### 一、Meta标签简介与...通过合理地使用这些Meta标签,不仅可以提高网页的可用性和用户体验,还能增强其在网络中的可见度。因此,在开发和维护网站时,正确设置Meta标签是一项必不可少的工作。

    html meta标签使用方法

    ### HTML Meta标签使用方法详解 #### 一、Meta标签简介 HTML中的`&lt;meta&gt;`标签是一种重要的元数据标记,它通常位于文档的`&lt;head&gt;`部分。Meta标签用于定义关于HTML文档的元信息,这些信息不会显示在页面上,但对...

    网页HTML代码中Meta标签详解.pdf

    Meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC...

    html中标签meta的详细使用方法和作用

    ### HTML中的`&lt;meta&gt;`标签详解与应用 #### 一、`&lt;meta&gt;`标签...然而,随着现代浏览器的普及和技术的发展,该标签的使用频率已经逐渐降低,开发者更倾向于使用更先进的技术栈和工具来确保跨浏览器的一致性和兼容性。

    网页头部标签meta详解

    Meta标签的使用可以帮助搜索引擎更好地理解网页的内容和结构,从而提高网页的搜索排名和用户体验。同时,Meta标签也可以帮助浏览器正确地显示网页内容,提高网页的加载速度和可读性。 Meta标签是一个非常重要的HTML...

    meta标签中的

    ### Meta标签中的http-equiv属性详解 #### 一、Meta标签概述 在HTML文档中,`&lt;meta&gt;`标签被广泛应用于头部(`&lt;head&gt;`部分),主要用于定义页面的元数据(metadata)。这些元数据通常不直接对用户可见,但对浏览器...

    [Dreamweaver教程]Meta标签详解.doc

    合理设置Meta标签,不仅可以提升网站在搜索引擎结果中的排名,还能优化用户体验,如通过`Content-Type`确保正确的字符集使用,通过`Refresh`实现页面定时更新或跳转,以及通过`Expires`和`Pragma`控制缓存策略,提高...

    meta标签详解meta标签详解

    meta 标签通常用来为搜索引擎 robots 定义页面主题,或者是定义用户浏览器上的 cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置 ...

    meta标签如何使用?.docx

    Meta标签在网页设计中扮演着至关重要的角色,它为搜索引擎优化(SEO)提供了关键信息,并控制了浏览器如何处理网页内容。本文将深入探讨Meta标签的两种主要属性——name属性和http-equiv属性,以及它们各自的参数值...

    html语言meta标签解析及SEO优化

    Meta 标签通常用来为搜索引擎 robots 定义页面主题,或者是定义用户浏览器上的 cookie;它可以用于鉴别作者,设置页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置 ...

    META标签详解、解决JSP页面显示乱码问题

    1. **定义**:META标签主要用于提供关于HTML文档的元数据,这些数据并不直接显示给用户,而是提供给浏览器或其他解析器使用,例如搜索引擎。 2. **语法格式**:`&lt;meta http-equiv="属性名" content="属性值"&gt;` 或 `...

    ( javascript中meta的功能

    ### JavaScript中的Meta标签功能 Meta标签是HTML文档中不可或缺的一部分,它主要被放置在文档的头部(`&lt;head&gt;`...正确地使用Meta标签不仅可以提升用户体验,还可以提高网页在搜索引擎中的排名,从而增加网站的访问量。

    Web-前端html+css从入门到精通 122. meta标签扩展学习.zip

    其次,meta标签中与SEO密切相关的有`&lt;meta name="keywords"&gt;`和`&lt;meta name="description"&gt;`。`&lt;meta name="keywords"&gt;`用于设置页面的关键字,过去是搜索引擎排名的重要因素,但现在其影响力已大大减弱。`&lt;meta ...

    html-meta标签详解

    meta标签为浏览器和搜索引擎提供了重要信息,这些信息用来控制页面的描述、关键词、刷新率以及其他多种功能。meta标签大致可以分为两类属性:name和http-equiv。 name属性主要用于描述网页,其对应的content属性值...

    解决360双核浏览器兼容模式的页面显示问题

    针对360双核浏览器兼容模式的页面显示问题,开发者可以使用内核控制Meta标签来手动指定浏览器应使用的渲染内核。通过在HTML页面的部分添加特定的&lt;meta&gt;标签,开发者可以告诉360浏览器使用webkit内核或者IE兼容模式...

Global site tag (gtag.js) - Google Analytics