首页 > 教程 > 关键词  > 网页设计最新资讯  > 正文

网页设计中Meta标签详解

2009-03-02 17:07 · 稿源:中国设计秀

您的个人网站即使做得再精彩,在浩瀚如海的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种:

● 在搜索引擎中登录自己的个人网站

● 在知名网站加入你个人网站的链接

● 在论坛中发帖子宣传你的个人网站

很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧!META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

★HTTP-EQUIV

HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:

1、Content-Type和Content-Language (显示字符集的设定)

说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。

用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">

   <Meta http-equiv="Content-Language" Content="zh-CN">

注意:该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其它的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。
Content-Type的Content还可以是:text/xml等文档类型;

Charset选项:ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;Content-Language的Content还可以是:EN、FR等语言代码。

2、Refresh (刷新)

说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
用法:<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=https://www.xia8.net">
注意:其中的5是指停留5秒钟后自动刷新到URL网址。

3、Expires (期限)

说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。

用法:<Meta http-equiv="Expires" Content="0">

    <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">

注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。

4、Pragma (cach模式)

说明:禁止浏览器从本地机的缓存中调阅页面内容。

用法:<Meta http-equiv="Pragma" Content="No-cach">

注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。

5、Set-Cookie (cookie设定)

说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。

用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">

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

6、Window-target (显示窗口的设定)

说明:强制页面在当前窗口以独立页面显示。

用法:<Meta http-equiv="Widow-target" Content="_top">

注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。

7、Pics-label (网页RSAC等级评定)

说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。

用法:<META http-equiv="Pics-label" Contect="(PICS-1.1'https://www.rsac.org/ratingsv01.html' I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' for 'https://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">

注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你想进一步了解RSAC评估系统的等级内容,或者你需要评价自己的网站,可以访问RSAC的站点:https://www.rsac.org/。

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)">
注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:

<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">

<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

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、MSThemeCompatible (XP主题)

说明:是否在IE中关闭 xp 的主题

用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">

注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。

10、IE6 (页面生成器)

说明:页面生成器generator,是ie6

用法:<Meta http-equiv="IE6" Content="Generator">

注意:用什么东西做的,类似商品出厂厂商。

11、Content-Script-Type (脚本相关)

说明:这是近来W3C的规范,指明页面中脚本的类型。

用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意:

★NAME变量

name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。

name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其它任意值,如:creationdate(创建日期) 、

举报

  • 相关推荐
  • Meta 斥巨资打造明星AI数字人

    Meta最近宣布将在名人AI领域投入巨资,以打造名人AI双胞胎。根据TheInformation的一份报道,Meta公司已经签下了一位顶级创作者,为其提供了高达500万美元合同,合同期限为两年,包括六小时的工作时间。这也可能鼓励其他科技巨头进一步投资类似的项目。

  • Meta悄然发布Llama 2 Long AI模型

    Meta最近发布了Llama2LongAI模型,该模型在一些任务上超越了GPT-3.5Turbo和Claude2。通过改进训练方法和编码技术,Meta的研究人员提高了这个AI模型的性能,使其能够更好地处理长文本和复杂任务。强调了合作的重要性,指出不是每个企业都拥有高级的数据工程和数据科学技能,因此需要与具有相关技术和深刻了解整个领域的合作伙伴合作来解决这一问题。

  • OpenAI、Google和Meta 的当红华人研究员们在想些什么|对话实录

    甚至你会以为这是一场明星见面会。当我从博士毕业时候,我的导师给了一个建议——AI研究者要拉长到未来很多年的时间维度来思考研究,也就是不只是考虑对现在的一些东西的改进是未来可能带来彻底改变的技术理念。

  • Meta 负责领导自研人工智能芯片的高管将于月底离职

    负责Meta公司研发人工智能芯片工作的高管AlexisBlackBjorlin将于月底离职。AlexisBlackBjorlin曾在芯片公司博通和英特尔工作多年,领导了一个团队设计一款定制芯片,能够处理多种人工智能工作,这是该公司致力于为聊天机器人和图像生成器等产品改造其庞大的数据中心的关键部分。Meta正在开发一种新的芯片,将横跨所有类型的人工智能工作。

  • Meta开源数字水印Stable Signature,极大增强生成式AI安全

    全球社交、科技巨头Meta在官网宣布,开源数字水印产品StableSignature,并公开论文。StableSignature是由Meta和INRIA联合开发成,可将数字水印直接嵌入到AI自动生成的图片中,防止其非法用途。通过StableSignature将数字水印嵌入到AI图片中,可极大避免此类事件的发生。

  • Meta发布Quest3头显:499美元起售,还带来了“通透模式”?

    凤凰网科技讯9月28日,Meta发布Quest3,起价为499美元,比前一代贵200美元,但它配备了一款来自高通芯片,更好的屏幕,带来全新“透视模式”的功能,或将成为苹果竞争的VisionPro头戴式设备的关键特性之一。Quest3将于当地时间开放预定,10月10日发货。Meta表示已经为该头戴式设备准备了500款游戏和应用程序,包括《捉鬼敢死队》、《刺客信条》和与Netflix合作开发的《怪奇物语》等。

  • Meta研究人员提出轻量级微调方法RA-DIT 以增强语言模型知识检索能力

    Meta的研究人员提出了一种名为检索增强双指令调优的新型人工智能方法,用于提升语言模型的知识检索能力。该方法试图解决大型语言模型在捕获较为冷门知识时的局限性以及大规模预训练的高计算成本问题。该研究证明了轻量级指令调优对检索增强语言模型的有效性,特别是在涉及大规模外部知识源的场景中。

  • Meta向名人支付数百万美元,复刻名人版聊天机器人

    Facebook的母公司Meta正支付数百万美元给名人,进打造名人版AI聊天机器人。据TheInformation报道,一位不愿透露姓名的名人仅工作了短短六小时,就获得了高达500万美元的报酬,成为其中一个AI聊天机器人。Meta的名人AI仍处于有限的测试阶段,考虑到过去一年多来AI聊天机器人所引发的混乱局面,该公司很可能会非常谨慎推出AI虚拟人。

  • Meta发布Llama 2-Long模型 处理长文本计算量需求减少40%

    Meta最新发布的Llama2-Long模型引领着处理长文本的革命。这个模型不仅处理长文本输入在不显著增加计算需求的情况下,保持了卓越性能。它不仅改进了处理长文本的性能通过创新策略为该领域注入了新的活力。

  • Meta视Llama为主导开源领域的人工智能生态系统

    在莱克斯·弗里德曼的播客中,马克·扎克伯格透露Llama2的成功远超预期。尽管关于Llama3的具体计划还未公布,但扎克伯格表示新的模型版本正在训练中,同时明确表示Llama3的推出还没那么近。据说Llama3也将免费开源。