html Meta标签小集

  发布时间:2011-07-27 15:42:31   作者:佚名   我要评论
Head表示是HTML的文件头部,用来说明文件命名和与文件本身的相关信息。通常这部分标签是声明此网页的:默认语言编码、关键字、使用软件等。

GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
如果你想靠AI翻身,你先需要一个靠谱的工具!

<Head>……</head>表示是<HTML>的文件头部,用来说明文件命名和与文件本身的相关信息。通常这部分标签是声明此网页的:默认语言编码、关键字、使用软件等。

   Meta标签可分为两大部分,HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。下表表述的是HTTP标题信息。

表1 HTTP标题信息(HTTP-EQUIV)表

content-type 显示字符集 <Meta http-equiv=”content-type” content =”text/html;charset=GB2312>
refresh 让页面指定时间刷新自己,或者跳转 <Meta http-equiv=”refresh” content=”30;url=http://weibo.com/jjseen”>
expires 指定网页缓存的过期时间 <Meta http-equiv=”expires” content=”0”> <!-- 马上过期-->
cach 是否允许浏览器从本地机器调阅缓存 <Meta http-equiv=”cach” content=”NO-cach”> <!--禁止,网页不保存,每次访问都刷新 -->
set-cookie 是否禁用cookie或者使cookie失效 <Meta http-equiv=”set-cookie” content=”cookievalue=××;expires=Wednesday,21……/>
window-target 强制页面的显示方式 <Meta http-equiv=”window-target” content=”_top/>强制页面在当前窗口中以独立页面显示,也可以用来防止别人在框架里调用该页面。其中content的选项为_blank,_top,_self,_parent。
page-enter,page-exit 页面的进入与退出的特效设置 <Meta http-equiv=”page-enter” content=”blendTrans(Duration=0.5)”>这实际上是利用到了CSS滤镜。

      Meta的页面描述信息(NAME)用于说明和描述网页,name是描述网页的,对应于content,以便于搜索机器人查找、分类。name的取值(name=””)指定所提供的信息类型,其中有些

值是已经定义好的,例如description、keyword、refresh等。也可以指定其他任意的值,如creationdate、documentID、Level等。下表是具体语法:

表2 HTTP描述信息表

keywords 声明网页的关键字,又搜索引擎自动完成关键字索引。 <Meta name=”keywords” content=”HTML,HTML头部,HTTP-EQUIV,meta”/>
Description 描述网站的主要内容,搜索殷勤也会通过这个属性来检索这个网站,但是不显示出来。 <Meta name=”Description” content=”这篇博文讲解了HTML头部相关标签”/>
Robots 机器人向导,用来告诉机器人那些页面需要索引,那些不需要索引。 <Meta name=”Robots” contents=”All|None|Index|Noindex|Follow|NoFollow”>
all:文件将被索引。None文件不被索引,且页面上的链接不可以被查询。(和"NoIndex,NoFollow"起相同作用).Index:文件将被检索。Follow:页面上的链接可以被查询。
Author 页面作者 <Meta name=”Author” content=”jjseen,jjseen@163.com”/>
Copyright 用于标注版权 <Meta name=”Copyrightng” content=”版权所有”/>
Generator 编辑器  
revisit-after 设定重新访问的时间间隔,以天为单位。(我还不是很清楚该标签作用) <Meta name=”revisit-after” content=”7 days”>
     

  Meta还有一些其他标签,也统一整理,见下表:

表3 Meta其他标签表

scheme 说明内容的一个含义标签 <Meta scheme=”ISBN” name=”identifier” content=”0-14-042152”>
link 链接到某个文件 <link href=”logo.ico” rel=”Shortcut Icon”>放入收藏夹中后显示的小图标,地址栏上的小图标
base 基链接 <base href=”http://weibo.com/jjseen” target=”_blank”>使用该语句后,网页上所有相对路径在链接时都会自动加上前面的地址。
蓄力AI

相关文章

  • html meta标签的使用总结(推荐)

    下面就为大家带来一篇html meta标签的使用总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • HTML的meta标签常见用法集锦

    写在Web的head头部中的mata标签看似不起眼,实则可以设置非常多种的功能,包括页面编码等重要设定,这里我们便来总结HTML的meta标签常见用法集锦:
    2016-07-11
  • 在线Meta标签生成工具

    这是一款在线Meta标签生成工具,可实现按照用户需求定制Meta标签的功能,并对各个常用的Meta标签做出了详尽的解释说明。
    2016-04-15
  • 什么是Meta标签? 哪些Meta标签对搜索引擎SEO优化有作用?

    当谈及到meta标签对搜索引擎排名的影响,很多人都存在误解,在过去许多已经失去作用的标签仍然被频繁使用。那么什么是Meta标签?哪些Meta标签对搜索引擎SEO优化有作用?本
    2016-01-12
  • 移动端html5 meta标签的神奇功效

    制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化,手机浏览器的渲染展
    2016-01-06
  • 实例讲解HTML5的meta标签的一些应用

    这篇文章主要介绍了HTML5下meta标签的一些应用方法实例,包括在移动前端页面上的一个使用例子,需要的朋友可以参考下
    2015-12-08
  • hteml meta标签使用方法

    META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段html代码:
    2011-08-02
  • SEO中meta标签的优化技巧

    seo中MeTa标签的优化很多人都很了解,这是做为一个SEO最起码的标志,但很多SEOER不能很好的运用,往往meta标签成了简单的关键词的叠加,这样对搜索引擎来说很不友好,从用
    2011-04-05
  • 深入浅出meta标签

    meta标签是html网页源代码中非常重要的标签,下文重点给大家介绍html 中meta标签的知识,非常不错,感兴趣的朋友一起学习吧
    2016-08-29

最新评论