随笔 - 23, 文章 - 22, 评论 - 144, 阅读 - 25895
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

站点META标签常用写法介绍

Posted on   雷雷  阅读(154)  评论(0编辑  收藏  举报

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">

让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。


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。

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天

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
点击右上角即可分享
微信分享提示