`
wataxi
  • 浏览: 207122 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

META元素使用详解

    博客分类:
  • html
阅读更多

meta标记

  meta标记看似是HTML语言HEAD区的一个辅助性标签,其实它的作用很大。META标签共有两个属性,它们分别是Http-equiv属性和Name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

 1.Name属性

  Name属性主要用于描述网页,与之对应的属性值为Content,Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
  Meat标签的Name属性语法格式是:
  

  1. <meta name="参数" content="具体的参数值">   


  其中Name属性主要有以下几种参数:
  A.Keywords(关键字)
  说明:Keywords用来告诉搜索引擎你网页的关键字是什么。
  举例:
    
  1. <meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">   


  B.Description(网站内容描述)
  说明:Description用来告诉搜索引擎你的网站主要内容。
  举例:
  
  1. <meta name="description" content="This page is about the meaning of science, education,culture.">   


  C.Robots(机器人向导)
  说明:Robots用来告诉搜索机器人需要索引的页面有哪些。
  Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
  举例:
  
  1. <meta name="robots" content="none">  


  D.Author(作者)
  说明:标注网页的作者
  举例:
  
  1. <meta name="author" content="zys666,zys666@21cn.com">  

 2.Http-equiv属性

  Http-equiv,顾名思义,相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确显示网页内容,与之对应的属性值为Content,Content中的内容其实就是各个参数的变量值。
  Meat标签的Http-equiv属性语法格式是:
 
  1. <meta http-equiv="参数" content="参数变量值">   
  
 其中Http-equiv属性主要有以下几种参数:

  A.Expires(期限)  
  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
  用法:
  1. <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">  
注意:必须使用GMT的时间格式。

  B.Pragma(Cache模式)
  说明:禁止浏览器从本地计算机的缓存中访问页面内容。
  用法:
  1. <meta http-equiv="pragma" content="no-cache">   

  注意:这样设定访问者将无法脱机浏览。

  C.Refresh(刷新)
  说明:自动刷新并指向新页面。
  用法:
  1. <meta http-equiv="refresh" content="2;url=http://www.onchina.net">  
注意:其中的"2"是指停留2秒钟后自动刷新到URL网址,可以更改,但建议不要改得太大。

  D.Set-cookie(Cookie设定)
  说明:如果网页过期,那么存盘的Cookie将被删除。
  用法:
  1. <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT;path=/">   

  注意:必须使用GMT的时间格式。

  E.Window-target(显示窗口的设定)
  说明:强制页面在当前窗口以独立页面显示。
  用法:
  1. <meta http-equiv="window-target" content="_top">  
注意:用来防止别人在框架里调用自己的页面。

  F.Content-type(显示字符集的设定)
  说明:设定页面使用的字符集。
  用法:
  1. <meta http-equiv="content-type" content="text/html; charset=gb2312">   

分享到:
评论

相关推荐

    META标签使用详解

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

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

    Meta标签是一种内置于HTML文档头部的辅助性元素,位于`&lt;head&gt;`和`&lt;title&gt;`标签之间,主要用于向浏览器和搜索引擎传达非可视化信息。这些信息包括但不限于页面的描述、关键词、作者信息、刷新频率以及字符集等,对...

    meta标签详解

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

    网页设计中meta详解

    这里的 `charset` 属性定义了文档所使用的字符编码,通常设置为 "UTF-8",确保网页能正确显示各种语言的字符。 接下来是 `&lt;meta name="description"&gt;`,这个标签用于设定网页的描述,它会在搜索引擎结果页中显示,...

    iot组态编辑器开发 基于meta2D.js

    `meta2D.js`的核心功能是提供一套API来创建、编辑和管理2D图形元素,如形状、连接线、文本等。开发者可以利用这个库构建可交互的图形界面,例如在IoT场景中设计和配置设备布局、数据流路径等。它支持动态更新、事件...

    hibernate配置文件元素详解.txt

    ### Hibernate配置文件元素详解 #### 一、概述 在SSH(Spring+Struts+Hibernate)框架中,Hibernate作为持久层框架扮演着非常重要的角色。它能够实现对象关系映射(ORM),将Java对象映射到数据库表上。为了正确地...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了...meta charset=UTF-8&gt; &lt;title&gt;元素多层嵌套,JS获取问题&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;span&gt;span &lt;span&gt;span &lt;span&gt;1 &lt;spa

    html中meta标签及用法详解

    元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。  &lt;meta&gt; 标签位于文档的头部,不包含任何内容。  &lt;meta&gt; 标签的属性定义了与文档相关联的名称/值对...

    meta_insert.rar_meta_insert_meta_insert.rar_zencart

    《ZenCart Meta 插件详解:提升网站SEO与用户体验的关键》 ZenCart 是一款流行的开源电子商务平台,以其灵活的自定义性和丰富的功能受到许多在线商家的青睐。在 ZenCart 的运营中,优化产品页面的元数据(Meta Data...

    struts2通配符的使用详解

    ### Struts2中通配符使用详解 #### 一、引言 在Web开发中,Struts2框架凭借其灵活性和强大的功能深受开发者喜爱。在实际应用中,为了简化配置并提高开发效率,Struts2引入了通配符机制。通过合理使用通配符,可以...

    MetaObject Facility Specification 2.0

    ### MetaObject Facility (MOF) 规范 2.0 版本详解 #### MOF 规范概览 MetaObject Facility(MOF)规范是由Object Management Group(OMG)发布的,该规范定义了一种用于描述和管理元数据的方法。MOF 2.0版本正式...

    jQuery插件datepicker的使用详解.pdf

    《jQuery插件datepicker的使用详解》 jQuery,作为JavaScript库的杰出代表,为开发者提供了丰富的功能和便捷的API,使得前端开发变得更加高效。其中,datepicker插件是jQuery UI中的一个核心组件,它解决了网页中...

    Head内meta的参数设置

    在网页开发过程中,`&lt;meta&gt;`标签是一种非常重要的元素,它主要用于向浏览器提供元数据(metadata),这些元数据虽然不会直接显示在页面上,但对于页面的正确解析、SEO优化、缓存控制等方面具有重要作用。下面将详细...

    widget的使用详解Demo

    **Android小部件(Widget)详解** 在Android平台上,小部件(Widget)是用户可以在主屏幕上放置的应用组件,它们提供了一种轻量级的交互方式,让应用能够在用户无需打开应用本身的情况下显示信息或执行简单的操作。...

    meta标记的作用和用法

    ### Meta标记的作用与用法详解 #### 一、引言 在HTML文档中,`&lt;meta&gt;`标记是一种非常重要的元素,用于定义文档的元数据。这些元数据并不直接展示给用户,而是提供给浏览器和搜索引擎等工具使用。通过合理设置`...

    annotation详解

    通过实现该接口并配置`META-INF/services/javax.annotation.processing.Processor`文件,可以指定编译器何时使用处理器。 ## 五、使用注解 使用注解很简单,只需将其放在目标元素前即可。例如,使用自定义的`...

    QML范例详解.doc

    按钮组件的实现使用了 Rectangle 元素,用于设置按钮的背景图片和文字。Rectangle 元素具有唯一标识 id, anchors.fill 属性用于完全平铺到 button 上,radius 属性用于定义圆角半径,color 属性用于定义背景颜色,...

    document.all[]详解

    ### Document.all[] 详解 #### 一、基本概念与历史背景 `document.all[]` 是一个在 Internet Explorer 4 开始引入的特性,它提供了一种获取文档中所有元素的方法。这一特性允许开发者通过索引的方式访问页面上的...

Global site tag (gtag.js) - Google Analytics