- 浏览: 25267 次
- 性别:
- 来自: 长春
最新评论
站点META标签常用写法介绍
META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
一、HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
1、Content-Type和Content-Language (显示字符集的设定)
用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">或<Meta http-equiv="Content-Language" Content="zh-CN">
设定页面使用的字符集,用以说明主页制作所使用的文字或语言,浏览器会根据此来调用相应的字符集显示页面内容。简体中文一般为GB2132,繁体中文为BIG5,日文的字符集是iso-2022-jp,韩文的是ks_c_5601等。
2、Refresh (刷新)
用法:<Meta http-equiv="Refresh" Content="30">或<Meta http-equiv="Refresh" Content="5; Url=http://www.bazhan.net">
切记:有时候,刷新之后没有跳转到预想的页面。很可能的原因就是忘记写"URL="了
让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。
3、Expires (期限)
用法:<Meta http-equiv="Expires" Content="0">或<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。注意:必须使用GMT的时间格式。
4、Pragma (cach模式)
用法:<Meta http-equiv="Pragma" Content="No-cach">
网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。
5、Set-Cookie (cookie设定)
<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">
浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。
6、Window-target (显示窗口的设定)
用法:<Meta http-equiv="Widow-target" Content="_top">
强制页面在当前窗口以独立页面显示。这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
7、Pics-label (网页RSAC等级评定)
用法:<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.bazhan.net' I gen comment 'RSACi North America Sever' by
'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。
8、Page-Enter、Page-Exit (进入与退出)
用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
或者:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: Duration 表示滤镜特效的持续时间(单位:秒);Transition 滤镜类型。表示使用哪种特效,取值为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 以上22种随机选择一种
9、IE6 (页面生成器)
用法:<Meta http-equiv="IE6" Content="Generator">
页面生成器generator,是ie6。
10、Content-Script-Type (脚本相关)
用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意:这是近来W3C的规范,指明页面中脚本的类型。
二、NAME变量
name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
11、Keywords (关键字)
用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4">
为搜索引擎提供的关键字列表。注意:各关键词间用英文半角逗号“,”隔开。关键词数量最好保持在5个以内,关键词要和页面内容相关。
12、Description (简介)
用法:<Meta name="Description" Content="你网页的简述">
Description用来告诉搜索引擎你的网站或该页面的主要内容,描述内容要和页面内容相关,字数在150个字以内。
13、Robots (机器人向导)
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用);index:文件将被检索;(让robot/spider登录);follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录);nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)。
14、Author (作者)
用法:<Meta name="Author" Content="毅衡,5@163.com">
标注网页的作者或制作组。Content可以是:你或你的制作组的名字或Email。
15、Copyright (版权)
用法:<Meta name="Copyright" Content="本页版权归毅衡所有。All Rights Reserved icediary">
标注版权。
16、Generator (编辑器)
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
编辑器的说明。
17、revisit-after (重访)
用法:<META name="revisit-after" CONTENT="7 days" >
一般用做引导搜索引擎重新访问你的站点的时间间隔,一般使用days。
三、META常用举例:
<META http-equiv=Content-Type content="text/html; charset=gb2312">
//设定页面语言为简体中文
<META content="关键字" name="keywords">
//设定关键字
<META content="内容描述" name="description">
//设定描述
<META http-equiv="Refresh" Content="30">
//设定该页面30秒自动刷新
<META name="robots" content="index, follow" />
//设定允许搜索引擎可以检索,页面上链接可以查询
<META name="googlebot" content="index, follow" />
//针对google的搜索机器人设定允许搜索引擎可以检索,页面上链接可以查询
<META name="Author" Content="毅衡">
//页面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//页面版权
<META name="revisit-after" CONTENT="1 days" >
//设定回访为1天
发表评论
-
模版方法设计模式
2012-12-05 09:15 603Template Method Pattern,父类指定处理大 ... -
动态代理
2012-12-04 09:28 746代理 1,代理的概念。 买电脑为例子,作为客户,找代理商买 ... -
URI和URL的区别
2012-11-17 08:05 618总结如下:1.简写:URI (uniform resou ... -
WebUtils,将form表单数据封装到formbean中,生成全球唯一ID,将formbean中的属性值拷贝到User里
2012-10-22 20:51 776package cn.utils; import java. ... -
验证String类型是否是Date类型好方法
2012-10-22 19:38 860if(birthday!=null && !b ... -
如何在web.xml文件中,配置jsp的映射路径
2012-10-20 15:50 4853若要访问放在WEB-INF文件夹下的内容(如文件为hello. ... -
在用el表达式读取bean属性的时候,常会出现找不到属性
2012-10-19 07:41 774出现这种情况的原因: 多是因为没有在bean中生成set,g ... -
把前台的form表单提交内容封装成formbean,并对form中的文本框进行校验
2012-10-18 20:53 1069package cn.domain; import java ... -
常用正则表达式
2012-10-18 20:32 603boolean v = java.util.regex.Pat ... -
使用md5对密码字符串进行加密
2012-10-16 07:42 760public static String md5(Strin ... -
关于解析xml文件路径时的一点小收获
2012-10-15 15:52 1098在读取xml文件的时候,往往需要先获取xml文件的所在目录。然 ... -
log4j应用
2012-10-11 21:53 595Log4j的基本应用 Introduction ... -
JSP的语法及相关内容详解
2012-10-06 17:12 695JSP语法 1.jsp模板元素jsp页面中的html内容称之 ...
相关推荐
一、页面自定义meta标签 可以为每个页面单独设置不同的meta标签 以便于SEO 全局的meta标签在nuxt.config.js文件里配置 而单独的meta标签在组件的内部标签内进行配置即可 值得注意的是:hid属性是页面的唯一标识 若想...
本文将详细介绍WebApp中常用的`<meta>`标签及其应用场景,帮助前端开发者更好地理解并运用这些标签。 #### 二、Viewport Meta标签 `<meta name="viewport" content="...">` 是WebApp中最关键的元标签之一,主要用于...
### Meta标签详解 #### 一、Meta标签简介与作用 Meta标签是HTML语言中的一个辅助性标签,位于HTML文档头部的`<HEAD>`区域,并在`<TITLE>`标签之前。虽然用户在浏览网页时无法直接看到这些信息,但对于网页的SEO...
资源名称:网页优化meta标签使用方法及规则 中文WORD版 本文档主要讲述的是网页优化meta标签使用方法及规则;meta是html语言head中的一个辅助标签,meta标签由http-equlv属性和name属性组成,属性不同...
用法:<Meta name="Description" Content="这是一个关于 meta 标签的详细介绍"> meta 标签对搜索引擎优化,页面显示,缓存控制等方面都有着重要的影响。因此,对 meta 标签的理解和合理使用是建设一个优秀的个人...
搜索引擎和 HTML Meta 标签(Meta Tags)
网页头部标签meta详解 Meta标签是HTML文档头部的一个重要组成部分,它提供了关于当前网页的Metadata信息,帮助搜索引擎和浏览器更好地理解和处理网页内容。Meta标签主要有两个属性:name属性和http-equiv属性。 ...
1. **<meta name="description">**:描述标签,简要介绍网页内容,常用于搜索结果摘要。 2. **<meta name="keywords">**:关键词标签,列出与页面内容相关的关键词,但现在对SEO影响较小。 3. **<meta name="author...
meta标签的作用及整理
#### 二、Meta标签的常用属性 1. **name属性** - **Keywords (关键词)**:指定了页面的关键字或短语列表,这有助于搜索引擎理解页面的主题。 ```html <meta name="Keywords" content="science, education, ...
《深入解析Dreamweaver教程中的Meta标签应用》 在当今互联网时代,个人网站与企业站点如同星罗棋布,遍布全球每一个角落。然而,在如此庞大的网络空间中,如何使自己的网站脱颖而出,成为众人关注的焦点?除了传统...
Meta 标签通常用来为搜索引擎 robots 定义页面主题,或者是定义用户浏览器上的 cookie;它可以用于鉴别作者,设置页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置 ...
关键字 meta(标签)及 Keywords(关键词),曾经在网页中很重要的,但现在已经被很多搜索引擎完全忽略。但是,如果加上这个标签也对网页的综合表现没有坏处,不过,如果使用不恰当的话,对网页非但没有好处,还有...
本文将详细介绍META标签的基本概念、应用场景及其参数设置。 #### 二、META标签的基础知识 1. **定义**:META标签主要用于提供关于HTML文档的元数据,这些数据并不直接显示给用户,而是提供给浏览器或其他解析器...
通过上述介绍可以看出,`<meta>`标签具有多种功能,可以实现以下操作: 1. **搜索引擎优化**:通过`Keywords`和`Description`属性可以提高网站在搜索引擎中的排名。 2. **页面控制**:使用`Refresh`属性可以让页面...
### META标签使用详解 #### 一、概述 META标签是一种重要的HTML元素,用于提供关于HTML文档的元数据信息。这些信息对于浏览器来说至关重要,能够帮助浏览器更好地解析网页内容,并为用户提供更佳的浏览体验。根据...
Meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC...
HTML5的meta标签是网页元数据的重要组成部分,用于提供关于HTML文档的各种信息,如字符编码、页面描述、关键词、作者、最后修订日期等。在HTML5中,meta标签的使用方式相比HTML4.01有所变化,使得其更加简洁且功能...