meta标签示题

  • 格式:doc
  • 大小:45.00 KB
  • 文档页数:6

<meta>标签<meta>标签的功能强大,但不是可见元素,所以不能用设置可见元素的方法进行设置。

META标签中没有大小写之分。

一、http-equiv属性http-equiv类似于HTTP的头部协议,会返回一些有用信息给浏览器,以帮助浏览器正确和精确地显示网页内容。

常用的http-equiv属性值有Content-Type、Content-Language 、Refresh、Expires、Pragma、Set-Cookie、Window-target、Page-Enter、Page-Exit、MSThemeCompatible和Content-Script-Type等。

1、设置文档类型与语言属性Content-TypeContent-Type属性用来设置文档类型。

浏览器从content的属性值中获取网页的语言类型,判断是HTML还是XML,通常设置为text/html。

charset指明网页中文字使用的字符集。

例如,如果是简体中文,charset=gb2312;如果是繁体中文,则charset=big5。

若未正确设置语言文字集,将可能导致网页显示混乱。

使用格式如下:<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><Meta http-equiv="Content-Language" Content="zh-CN">2、设置自动刷新属性RefreshRefresh属性设置页面自动刷新的时间,或自动跳转到其他的网页。

此时的content属性值是自动刷新的时间或自动跳转的时间,单位是秒。

URL是设置跳转网页的地址。

使用的格式如下:源码设置为10秒后,自动跳转到百度网站。

<meta http-equiv="Refresh" Content="10; Url=">上面的源码设置为10秒后,自动跳转到百度网站3、设置缓存时间属性ExpiresExpires属性是设置网页在缓存中的过期时间。

一旦网页过期,必须重新从服务器上载入。

content属性值可设置为时间长度,也可设置为到期的日期,如果设置为日期,日期的格式必须是格林时间。

使用格式如下:<meta http-equiv="Expires" Content="0"><meta http-equiv="Expires" Content= "Wed, 26 Feb 1997 08:21:57 GMT">4、设置禁用缓存属性PragmaPragma属性是设置禁止浏览器从本地计算机的缓存中调阅页面内容,如果设置了此属性值,网页则不保存在缓存中,每次访问时都刷新页面。

这样设定,浏览者将无法脱机浏览。

使用格式如下:<meta http-equiv="Pragma" Content="No-cach">5、设置网页Cookie属性Set-CookieSet-Cookie用于设置Cookie。

当浏览器访问页面时,将其自动保存;下次再访问该页面时,可直接从文件中读取,以提高速度。

通常HTML文件不需要使用禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器下动态生成的,缓存就失去意义了。

如果网页过期,存盘的Cookie将被自动删除。

6、设置打开窗口属性Window-targetWindow-target用于设置打开窗口的属性。

通过这个属性来强制页面在当前窗口以独立页面显示。

使用格式如下:<meta http-equiv="Window-target" Content="_self">7、设置过渡效果属性Page-Enter、Page-ExitPage-Enter与Page-Exit用于页面打开或关闭时的过渡特效。

content的属性值是动态滤镜的一种。

blendTrans滤镜产生渐隐效果,Duration参数设置特效持续的时间,单位为秒。

revealTrans滤镜产生多种效果,Duration参数设置特效持续的时间,transition参数设置效果类型,其取值范围为0-23。

<meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"><meta http-equiv="Page-Exit" content="RevealTrans (Duration=3, Transition=23)">8、设置主题与脚本类型属性MSThemeCompatible、Content-Script-TypeMSThemeCompatible设置是否关闭Windows XP主题。

content属性值为Yes或No。

使用格式如下:<meta http-equiv="MSThemeCompatible" Content="Yes"> < meta http-equiv="Content-Script-Type"CONTENT="text/javascript">9、cache-control<meta http-equiv="cache-control" content="no-cache"> 以上是http-equiv属性的介绍,并没有完全囊括所有类型,如需要更详细地了解,参阅其他资料。

下面讲解name属性。

二、name属性name的属性值有Keywords、Description、Author和Robots 等。

name属性主要用来描述页面信息,它是搜索引擎识别的关键所在。

为了使网页被搜索引擎发现,设置name属性是必不可少的。

下面对各个属性值的类型分别进行介绍。

1、Description(页面内容的简介)用来告诉搜索引擎网站的主要内容。

在设置时尽量要把简介写得清晰明白,字数不能太短也不能太长,一般保持在80-200字之间。

<meta name="description" content="新浪…空间。

" /><meta name="description" content="描述">2、Keywords(页面关键字)用于为搜索引擎提供关键字的列表,选择合适的关键字是提高被搜索几率的关键因素。

多个关键字之间用逗号隔开,逗号表示逻辑“或”。

空格表示逻辑“与”。

<META name="keywords" content="关键字"><meta name="keywords" content="QQ,笑话…Online">3、设置搜索机器人引向属性RobotsRobots属性用于设置搜索机器人的引向。

Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

Content的参数有all、none、index、noindex、follow和nofollow,默认为all。

<meta name="robots" content="index,follow">也可以写成<meta name="robots" content="all">设定为all:文件将被检索,且页面上的链接可以被查询;设定为none:文件将不被检索,且页面上的链接不可以被查询;设定为index:文件将被检索;设定为noindex:文件将不被检索,但页面上的链接可以被查询;设定为follow:页面上的链接可以被查询;设定为nofollow:页面上的链接不可以被查询。

4、设置作者信息属性AuthorAuthor用于设置作者信息。

content属性值就是作者的相关信息。

使用格式如下:<meta name="author" content="作者"><meta name="Author" Content="Vincent">5、revisit-after (重访)<meta name="revisit-after" CONTENT="7 days" >通知搜索引擎多少天访问一次6、其它<META NAME="GENERATOR" CONTENT="Macromedia Dreamweaver MX"><meta name="build" content="日期"><meta name="coprright" content="版权"><meta name="reply-to" content="email">。