`
zhanglu0223
  • 浏览: 21262 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

html meta标签属性用法解析

阅读更多

一、meta标签的用法

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的head中,meta标签的用处很多。meta的属性有两种:namehttp-equivname属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta比较常用的有以下几个:

1<metaname="generator"contect="">用以说明生成工具(如MicrosoftFrontPage4.0)等;

2<metaname="keywords"contect="">向搜索引擎说明你的网页的关键词;

3<metaname="description"contect="">告诉搜索引擎你的站点的主要内容;

4、<metaname="author"contect="你的姓名">告诉搜索引擎你的站点的制作的作者;

5<metaname="robots"contect="all|none|index|noindex|follow|nofollow">

其中的属性说明如下:

设定为all:文件将被检索,且页面上的链接可以被查询;

设定为none:文件将不被检索,且页面上的链接不可以被查询;

设定为index:文件将被检索;

设定为follow:页面上的链接可以被查询;

设定为noindex:文件将不被检索,但页面上的链接可以被查询;

设定为nofollow:文件将不被检索,页面上的链接可以被查询

http-equiv属性:

1<metahttp-equiv="Content-Type"contect="text/html";charset=gb_2312-80">

<metahttp-equiv="Content-Language"contect="zh-CN">用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5utf-8shift-JisEucKoi8-2等字符集;

2<metahttp-equiv="Refresh"contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink

3<metahttp-equiv="Expires"contect="Mon,12May200100:20:00GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;

4<metahttp-equiv="Pragma"contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

5<metahttp-equiv="set-cookie"contect="Mon,12May200100:20:00GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

6<metahttp-equiv="Pics-label"contect="">网页等级评定,在IEinternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;

7<metahttp-equiv="windows-Target"contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

8、<metahttp-equiv="Page-Enter"contect="revealTrans(duration=10,transtion=50)"><metahttp-equiv="Page-Exit"contect="revealTrans(duration=20transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

二、meta标签的功能

上面我们介绍了meta标签的一些基本组成,接着我们再来一起看看meta标签的常见功能:

1、帮助主页被各大搜索引擎登录

meta标签的一个很重要的功能就是设置关键字,来帮助你的主页被各大搜索引擎登录,提高网站的访问量。在这个功能中,最重要的就是对Keywordsdescription的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywordsdecription,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。因此,我们必须设置好关键字,来提高页面的搜索点击率。下面我们来举一个例子供大家参考:

metaname="keywords"content="政治,经济,科技,文化,卫生,情感,心灵,娱乐,生活,社会,企业,交通"

metaname="description"content="政治,经济,科技,文化,卫生,情感,心灵,娱乐,生活,社会,企业,交通"

设置好这些关键字后,搜索引擎将会自动把这些关键字添加到数据库中,并根据这些关键字的密度来进行合适的排序。

  2、定义页面的使用语言

  这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB,而浏览者没有安装GB,这时网页只会呈现浏览者所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。下面就是一个具有代表性的例子:

  <metahttp-equiv=contentTypecontent=text/html;charset=gb2312″〉

该代码就表示将网页的语言设置成国标码。

  3、自动刷新并指向新的页面

  如果你想使您的网页在无人控制的情况下,能自动在指定的时间内去访问指定的网页,就可以使用meta标签的自动刷新网页的功能。下面我们来看一段代码:

  〈metahttp-equiv=refreshcontent=″2;URL=http://www.yeah.net″〉

  这段代码可以使当前某一个网页在2秒后自动转到http://www.yeah.net页面中去,这就是meta的刷新作用,content,2代表设置的时间(单位为秒),URL就是在指定的时间后自动连接的网页地址。

  4、实现网页转换时的动画效果

  使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>标签之间添加如下代码就可以了:

metahttp-equiv="Page-Enter"content="revealTrans(duration=.,transition=20)"

metahttp-equiv="Page-Exit"content="revealTrans(duration=.,transition=20)"

一旦上述代码被加到一个网页中后,我们再进出页面时就会看到一些特殊效果,这个功能其实与FrontPage2000中的Format/PageTransition一样,但我们要注意的是所加网页不能是一个Frame;

  5、网页定级评价

  IE4.0以上版本的浏览器可以防止浏览一些受限制的网站,而之所以浏览器会自动识别某些网站是否受限制,就是因为在网站meta标签中已经设置好了该网站的级别,而该级别的评定是由美国RSAC,即娱乐委员会的评级机构评定的,如果你需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格,那么RSAC会提供一段meta代码给你,复制到自己网页里就可以了。下面就是一段代码的样例:

metahttp-equiv=PICSLabel

content=(PICS1.1http://www.rsac.org/ratingsv01.html

lgentruecommentRSACiNorthAmericaServer

forhttp://www.rsac.org

on2001.08.16T08:150500

r(n0s0v0l0))′〉

  6、控制页面缓冲

  meta标签可以设置网页到期的时间,也就是说,当你在InternetExplorer浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到meta中设置的时间到期,这时候,浏览器才会去取得新页面。例如下面这段代码就表示网页的到期时间是2001112181818秒。

  〈metahttp-equiv=expirescontent=Friday,12-Jan-200118:18:18GMT″〉

  7、控制网页显示的窗口

  我们还可以使用meta标签来控制网页显示的窗口,只要在网页中加入下面的代码就可以了:<metahttp-equiv="window-target"content="_top">,这段代码可以防止网页被别人作为一个Frame调用。

下面简介关于robots.txt的知识

1.什么是robots.txt文件?

搜索引擎通过一种程序robot(又称spider),自动访问互联网上的网页并获取网页信息。

您可以在您的网站中创建一个纯文本文件robots.txt,在这个文件中声明该网站中不想被robot访问的部分,这样,该网站的部分或全部内容就可以不被搜索引擎收录了,或者指定搜索引擎只收录指定的内容。

2.robots.txt文件放在哪里?

robots.txt文件应该放在网站根目录下。举例来说,当robots访问一个网站(比如http://www.abc.com)时,首先会检查该网站中是否存在http://www.abc.com/robots.txt这个文件,如果机器人找到这个文件,它就会根据这个文件的内容,来确定它访问权限的范围。

见示例:

1.robots.txt文件的格式?

"robots.txt"文件包含一条或更多的记录,这些记录通过空行分开(以CR,CR/NL,orNL作为结束符),每一条记录的格式如下所示:

"<field>:<optionalspace><value><optionalspace>"

在该文件中可以使用#进行注解,具体使用方法和UNIX中的惯例一样。该文件中的记录通常以一行或多行User-agent开始,后面加上若干Disallow,详细情况如下:

User-agent:

该项的值用于描述搜索引擎robot的名字,在"robots.txt"文件中,如果有多条User-agent记录说明有多个robot会受到该协议的限制,对该文件来说,至少要有一条User-agent记录。如果该项的值设为*,则该协议对任何机器人均有效,在"robots.txt"文件中,"User-agent:*"这样的记录只能有一条。

Disallow:

  该项的值用于描述不希望被访问到的一个URL,这个URL可以是一条完整的路径,也可以是部分的,任何以Disallow开头的URL均不会被robot访问到。例如"Disallow:/help"/help.html/help/index.html都不允许搜索引擎访问,而"Disallow:/help/"则允许robot访问/help.html,而不能访问/help/index.html。任何一条Disallow记录为空,说明该网站的所有部分都允许被访问,在"/robots.txt"文件中,至少要有一条Disallow记录。如果"/robots.txt"是一个空文件,则对于所有的搜索引擎robot,该网站都是开放的。

分享到:
评论

相关推荐

    html中meta标签及用法详解

    Html中meta标签 一、meta标签 含义  &lt;meta&gt; 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。  &lt;meta&gt; 标签位于文档的头部,不包含任何内容。  &lt;...

    html-meta标签详解

    共13页,详细讲述&lt;meta&gt;标签,让你彻底明白meta标签的属性,功能,以及使用方法技巧。

    实例讲解HTML5的meta标签的一些应用

    HTML 4.01 与 HTML 5 之间meta标签用法的主要差异: 在 HTML 5 中,不再支持 scheme 属性。 在 HTML 5 中,有一个新的 charset 属性,它使字符集的定义更加容易。 在 HTML 4.01 中,不得不这么写: XML/HTML Code...

    你可能不知道PHP get_meta_tags()函数

    get_meta_tags — 从一个文件中提取所有的 meta 标签 content 属性,返回一个数组 语法: 复制代码 代码如下:array get_meta_tags(string filename, int [use_include_path]);#打开 filename 逐行解析文件中的 &lt;...

    从入门到精通HTML5——PDF——网盘链接

     15.2.4 使用readAsText方法读取文本文件 287  15.2.5 FileReader接口中的事件 288  15.3 拖放API 290  15.3.1 实现拖放的步骤 290  15.3.2 通过拖放显示欢迎信息 291  15.4 dataTransfer对象应用详解 293 ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    1.3.2跨域交互即缓存处理方法 7 1.3.3页面自适应机制,即设备自适应与浏览器自适应机制 8 1.3.4 “认我测”质检服务平台的设计和实现 8 1.4 本文的结构安排 8 第二章 多窗口类浏览器设计 11 2.1 多窗口类浏览器需求...

    div+css有实例,易学易懂

    4.4 meta 标签 4.5 CSS 的调用 4.5.1 调用样式表的几种方法 4.5.2 应用样式的优先级 4.6 网页头部实例 第 5 章 CSS 基本布局属性 第50 页 5.1 页面的制作流程和整体分析 5.2 元素定位基础知识 5.2.1 块元素的默认...

    Spring中文帮助文档

    13.9. 使用Spring的表单标签库 13.9.1. 配置 13.9.2. form标签 13.9.3. input标签 13.9.4. checkbox标签 13.9.5. checkboxes标签 13.9.6. radiobutton标签 13.9.7. radiobuttons标签 13.9.8. password标签 ...

    Spring API

    13.9. 使用Spring的表单标签库 13.9.1. 配置 13.9.2. form标签 13.9.3. input标签 13.9.4. checkbox标签 13.9.5. checkboxes标签 13.9.6. radiobutton标签 13.9.7. radiobuttons标签 13.9.8. password标签 ...

    python入门到高级全栈工程师培训 第3期 附课件代码

    04 meta标签以及一些基本标签 05 img标签和列表标签 06 form表单之input标签 07 通过form向server端发送数据 08 form表单之select标签 09 table标签 第38章 01 css的四种引入方式 02 css的四种基本选择器 03 css的...

    spring chm文档

    3.3.3. bean属性及构造器参数详解 3.3.4. 使用depends-on 3.3.5. 延迟初始化bean 3.3.6. 自动装配(autowire)协作者 3.3.7. 依赖检查 3.3.8. 方法注入 3.4. bean的作用域 3.4.1. Singleton作用域 3.4.2. ...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    DTD是一种保证XML文档格式正确的有效方法,可以比较XML文档和DTD文件来看文档是否符合规范,元素和标签使用是否正确。一个DTD文档包含:元素的定义规则,元素间关系的定义规则,元素可使用的属性,可使用的实体或...

    Spring 2.0 开发参考手册

    3.3.3. bean属性及构造器参数详解 3.3.4. 使用depends-on 3.3.5. 延迟初始化bean 3.3.6. 自动装配(autowire)协作者 3.3.7. 依赖检查 3.3.8. 方法注入 3.4. bean的作用域 3.4.1. Singleton作用域 3.4.2. ...

    Spring-Reference_zh_CN(Spring中文参考手册)

    3.3.3. bean属性及构造器参数详解 3.3.3.1. 直接量(基本类型、Strings类型等。) 3.3.3.2. 引用其它的bean(协作者) 3.3.3.3. 内部bean 3.3.3.4. 集合 3.3.3.5. Nulls 3.3.3.6. XML-based configuration metadata ...

    ZendFramework中文文档

    14.1.3. 使用静态 get() 方法 14.2. 标准过滤器类 14.2.1. Alnum 14.2.2. Alpha 14.2.3. BaseName 14.2.4. Digits 14.2.5. Dir 14.2.6. HtmlEntities 14.2.7. Int 14.2.8. RealPath 14.2.9. StringToLower...

    HttpClient以及获取页面内容应用

    1.4使用方法与步骤 开发环境:需要 使用HttpClient发送请求、接收响应很简单,一般需要如下几步即可。 1.创建HttpClient对象。 HttpClient client = new HttpClient(); 2.创建请求方法的实例,并指定请求URL。如果...

    ASP在线作业系统

    /&gt;形式的标签,去掉原有的AutoSave改用SaveToFile函数在detail.asp中,使用类库,实现自定义标签的解析因虚拟域名有广告,故将http://jjxy.zj.com改为实际URL:http://mlzboy.jahee.com/xbtxg/index.asp在/control/...

    Python核心编程第二版(ok)

     7.9.1 方法(所有的集合方法)   7.9.2 方法(仅适用于可变集合)   7.9.3 操作符和内建方法比较   7.10 集合类型总结表   7.11 相关模块   7.12 练习   第8章 条件和循环   8.1 if语句  ...

    Python核心编程第二版

     7.9.1 方法(所有的集合方法)   7.9.2 方法(仅适用于可变集合)   7.9.3 操作符和内建方法比较   7.10 集合类型总结表   7.11 相关模块   7.12 练习   第8章 条件和循环   8.1 if语句  ...

    Java开发技术大全(500个源代码).

    DumpMethods.java 使用反射机制来获取类中的方法 getClassName.java 利用反射机制获取类的名字 invokeConstructor.java 利用反射机制调用构造器 invokeMethod.java 利用反射机制调用成员方法 listConstructors....

Global site tag (gtag.js) - Google Analytics