`
wankunde
  • 浏览: 162945 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

META 标签用途 实现网页刷新

    博客分类:
  • HTML
阅读更多

META 标签用途 实现网页刷新2008-05-16 16:33meta是什么?meta其实是html语言head区的一个辅助性标签。在几乎所有的网页里,我们都可以看到类似下面这段html代码:<META http-equiv=Content-Type content="text/html; charset=gb2312">

有人要说,这段代码好象可有可无,没有多大实际作用嘛!其实不是没用,而是你没有用好meta标签。为什么这样说呢?这是因为meta标签有许多参数,使用不同的参数就可以使主页实现不同的功能,例如用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等!下面就让我们一起来揭开meta标签的神秘面纱吧!

一、语法:

<meta name="name" content="string">

二、参数解析:

1)name项:常用的选项有Keywords(关键字) ,description(网站内容描述),author(作者),robots(机器人向导)等。

2)http-equiv项:可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。

3)content项:根据name项或http-equiv项的定义来决定此项填写什么样的字符串。

三、应用

1、告诉浏览器网页所识别的文件类型及语言类型,比如说,我们要让浏览器识别HTM/HTML类型的简体中文网面,我们可以这样写:

< Meta http-equiv="Content-Type" content="text/html; charset=gb2312" >

2、让一些搜索引擎搜索到你的网页,代码可以这样写:

< Meta Name=" Keywords" Content="网页关键字" >

< Meta Name=" description" Content="网页描述文字" >

要达到自动搜索引擎真正能方便地搜索到你的网页还得注意以下几点:

A、既要定义meta标记项,又要将首页正文的前200个字符定义成反映主页主题的文字。因为有些导航台在标引meta项中的关键词的同时,还要标引正文中的前200个字符。如:altavista。所以,有些人在注册完导航台后去检查注册结果时,发现导航台中的描述并不是你所希望的,而是诸如版权说明之类的文字。产生这一现象的原因就是没有注意到这一点。

B、将定义关键词的meta标记项放在定义描述的meta项之前。如:

<meta type="keywords" content=".......,...,...">

<meta type="description" content="...,....,...">

C、将最重要的关键词放在最前面,让相关的关键词相邻。全小写与首字母大写并存,因为有的导航台在标引时对字符的大小写是敏感的。包括标点符号不要超过250个单词

D、首页最好不用frame结构,因为frame将屏幕划分成多个窗口后,导航台不能智能地选择正确的窗口中的主页去标引。

3、让一个页面过上一定的时间,自动转到另一个页面或者站点去,如:

< Meta HTTP-EQUIV="refresh" content="6; url=http://fym888.nease.net" >

content中的6表示时间,单位为秒,url=后面是你要转向的网址,若是与你当前网页在同一目录下,可以直接写上文件名,如:

< Meta HTTP-EQUIV="refresh" content="6; url=page1.htm" >

4、让网页每隔一段时间刷新一次,若要10秒刷新一次,代码这样写:

<meta http-equiv="refresh" content="10">

5、通过Meta可以让你进入页面时产生一些特殊效果,具体应用如下:

< meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" > 其中,n的取值范围为0-23,具体的意义如下:

0 矩形缩小 1 矩形扩大 2 圆形缩小

3 圆形扩大 4 下到上 5 上到下

6 左到右 7 右到左 8 竖百叶窗

9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗

12 点 13 左右到中间 14 中间到左右

15 中间到上下 16 上下到中间 17 右下到左上

18 右上到左下 19 左上到右下 20 左下到右上

21 横条 22 竖条 23 以上

24种随机选择一种

6、标注作者:

<meta name="author" content="黄山村夫—安徽新建基础工程有限责任公司">

7、控制页面缓冲,如不要页面缓冲的代码这样写:

<meta http-equiv="Cache-Control" CONTENT="no-cache">

其它还有一些,不过不常用。

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/wujackleo/archive/2009/07/13/4343335.aspx

分享到:
评论

相关推荐

    html meta标签使用方法

    #### 一、Meta标签简介 HTML中的`&lt;meta&gt;`标签是一种重要的元数据标记,它通常位于文档的`&lt;head&gt;`部分。Meta标签用于定义关于HTML文档的元信息,这些信息不会显示在页面上,但对浏览器和其他应用程序(如搜索引擎)...

    META标签使用详解

    综上所述,正确的使用META标签不仅可以提升网页的可用性和兼容性,还能帮助实现特定的功能需求,如控制页面刷新、设定字符集、管理Cookie等。开发者应根据实际应用场景灵活选择和应用不同的META标签类型。

    meta标签详解

    ### Meta标签详解 在网页开发过程中,正确使用`&lt;meta&gt;`标签对于确保页面的兼容性、搜索引擎优化(SEO)以及用户访问体验具有重要意义。本文将详细介绍`&lt;meta&gt;`标签的各种属性及其用途,并通过实例帮助读者更好地...

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

    此外,meta标签还有多种用途,如`&lt;meta http-equiv="refresh"&gt;`可以设置页面自动刷新或重定向,`&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;`等同于`&lt;meta charset="UTF-8"&gt;`,但使用了...

    meta标签如何使用?.docx

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

    WEB前端程序猿必看的meta标签汇总共4页.pdf.zi

    除了上述常见的Meta标签,还有一些特殊用途的标签,如`robots`控制搜索引擎爬虫的行为,`author`声明页面作者,`apple-mobile-web-app-capable`使页面适应iOS设备的全屏模式等。 学习和理解Meta标签的使用是每个...

    HTMLMETA标签.pdf

    首先,了解&lt;meta&gt;标签的两种主要用途是很有必要的。第一种是提供文档的元信息,比如字符编码、页面描述、关键词等;第二种是提供HTTP头部信息,比如内容类型、刷新间隔、cookie设置等。 对于&lt;meta&gt;标签的描述属性...

    ( javascript中meta的功能

    下面我们将详细探讨Meta标签的一些关键用途。 #### Meta标签的基本概念 Meta标签主要用于向浏览器提供有关网页的元数据信息。这些信息虽然对用户不可见,但对于搜索引擎优化、浏览器渲染设置以及网页间的数据交换...

    HTML网页跳转实现5秒之后刷新本页,5秒之后跳转到其它页.zip

    在特定情况下,我们需要控制用户在页面上的浏览行为,比如实现网页的自动刷新或跳转到其他页面。本教程将详细介绍如何利用HTML的`&lt;meta&gt;`标签来实现5秒后刷新本页以及5秒后跳转到其他页面的效果。 `&lt;meta&gt;`标签是...

    JSP标签 <meta>的作用

    接下来,我们将深入探讨 `&lt;meta&gt;` 标签的各种属性及其用途。 #### 一、`&lt;meta&gt;` 标签的属性 ##### 1. `name` 属性 `name` 属性用于定义文档特定信息的名称。常见的 `name` 属性包括: - **Keywords**:关键词,...

    html meta metahtml

    ### HTML Meta标签详解 在构建网页的过程中,合理运用`&lt;meta&gt;`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`&lt;meta&gt;`标签的功能及其应用场景。 #### `&lt;meta&gt;`标签的基本...

    header和meta头部信息

    在网页开发中,`&lt;header&gt;` 和 `&lt;meta&gt;` 标签是HTML文档中不可或缺的部分,它们为页面提供了结构和元数据。这篇博文链接指向的是一个关于`header`和`meta`头部信息的讨论,虽然具体内容无法直接提供,但从一般意义上...

    meta演示 _引入 css 样式文件

    meta标签的一个典型用途是配合http-equiv属性,可以指定网页应该如何被浏览器处理。例如,它可以指示浏览器每隔一定时间刷新页面,或者在指定时间后自动跳转到另一个URL地址。通过设置content属性来确定刷新频率或...

    META 经典 汇总

    ### META经典汇总:深入解析站点META标签的运用 在探讨META标签如何提升网站表现与用户体验之前,...因此,在实际操作中,建议结合具体需求与场景,灵活调整和优化META标签的设置,以实现最佳的网站性能和用户体验。

    网页优化meta标签使用方法及规则.docx

    ### 网页优化Meta标签使用方法及规则详解 #### 一、Meta标签概述 Meta标签作为HTML语言中的一部分,通常出现在标签内,它主要用于向浏览器提供关于页面的元数据信息。随着搜索引擎的发展,合理使用Meta标签可以...

    Meta

    常见的Meta标签包括定义字符集(charset)、描述网页内容(description)、关键词(keywords)以及刷新页面(refresh)等。这些标签对搜索引擎优化(SEO)和用户体验有着重要的影响,因为它们帮助搜索引擎理解网页...

    HTML中小meta的大作用.txt

    本文将深入探讨`&lt;meta&gt;`标签及其相关属性的应用,帮助读者更好地理解如何利用这些标签来优化网页的表现和功能。 #### 一、`&lt;meta&gt;`标签概述 `&lt;meta&gt;`标签位于HTML文档的`&lt;head&gt;`部分,主要用于定义页面的元数据...

    domino xpages开发 设置meta页面头

    Meta标签的其他常见用途包括: - `viewport`:对于移动设备,控制视口的大小和缩放,以提供更好的响应式体验。 - `description`:提供网页的简洁描述,有助于SEO。 - `keywords`:列出与网页内容相关的关键词,也对...

    html Meta标签小集

    HTML中的`&lt;meta&gt;`标签是网页头部...这些`&lt;meta&gt;`标签的使用极大地丰富了网页的元信息,有助于提升用户体验,优化搜索引擎表现,并对网页的渲染和交互起到关键作用。了解并正确使用这些标签是每个前端开发者的基础技能。

Global site tag (gtag.js) - Google Analytics