zoukankan      html  css  js  c++  java
  • HTML:META标记的使用

    这个看着不错,是从别人那里Copy过来的。。

    大家在编辑网页的时候,并不一定会注意到META这个标签。在使用FrontPage或Dreamweaver这样的可视化编辑软件的时候软件都自动将该 标签设置好,毋需我们自己动手设置。所以很多初学者并不了解该标签的格式和作用。其实META标签的很多属性对于一个HTML页面来说是很重要的。下面我 们就来认识一下这个标签。

      META标签在HEAD区里。它的主要作用是在浏览器解释一个HTML页面前预先获得该页面的一些基本资料和属性。也就是说,META标签所定义的是和整个HTML页面本身有关的一些操作。这句话有点抽象,下面我们来理论联系实际。

      META语句的语法是:

      META
        HTTP-EQUIV=response
        CONTENT=description
        CHARSET=charset
        NAME=description
        URL=url

      HTTP-EQUIV属性用于指定META语句的性质或绑定HTTP的响应元素。它与其它属性配合使用,可指定主页所用字符集或通知浏览器自动刷新(重新加载)内容等等。该属性规定META语句其他属性的含义。
      CONTENT应根据HTTP-EQUIV 指定的类型设置为相应的内容。如给出指定主页的关键字或刷新时刻(或时间间隔)等。
      CHARSET描述HTML文件所用字符集,应与HTTP-EQUIV属性配合使用。
      NAME属性为主页的一些描述信息。
      URL指定HTML文件的URL地址。它主要与其它属性配合,通知浏览器到指定时间应加载主页的URL。

      语法总是抽象的,我们来通过META的一些应用来解释:

      设置页面显示用语言

      在一个最基本的HTML页面里我们所能见到的META标签有是:

      <meta http-equiv="Content-Type" content="text/html; charset=GB2312">

      该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。

       当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content- Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其他的语言也对应不同的charset,比如日文 的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。

      其他的META标签不是必须的,但是其中的一些描述了HTML页面搜索分类、简单描述以及一些页面特效。

      设置页面关键字和分类

      <meta name="KEYWORDS" content="关键字1;关键字2;……;关键字x">

       这个META标签是设置了该页面的关键字。一个页面可以有多个关键字,几个关键字之间用分号隔开。各种搜索引擎可以通过提取一个页面的KEYWORDS 属性来将搜索该页面的。不过目前很多人利用这个keywords来作弊,添入大量的和自己页面无关的关键词以提高自己的页面在搜索引擎里的显示几率,所以 当前的引擎不仅通过该属性了解页面的内容,还通过robot属性(因为当前的搜索引擎都是使用机器人-一种搜索程序来查找分类的):

      <meta name="ROBOTS" content="属性值">

      其中属性值有以下一些:

      属性值为"all": 文件将被检索,且页上链接可被查询;
      属性值为"none": 文件不被检索,而且不查询页上的链接;
      属性值为"index": 文件将被检索;
      属性值为"follow": 查询页上的链接;
      属性值为"noindex": 文件不检索,但可被查询链接;
      属性值为"nofollow": 文件不被检索,但可查询页上的链接。

      设置页面描述和作者

      和搜索引擎有关的META标签还有2个:

      <meta name="DESCRIPTION" content="...">
      <meta name="AUTHOR" content="...">

      第一个是页面的简单描述,比如写“xxx的个人主页……”什么的。该描述将在搜索引擎的搜索结果里显示出来。第二个是页面的作者。你可以将自己的大名填上去啦。

      自动刷新页面或页面定时跳转

      利用META标签,可以实现一些简单的页面特效。比如定时刷新,转向或是各种转换效果。

      <meta http-equiv="REFRESH" content="5;URL=http://yourlink">

      REFRESH属性可以让页面自动刷新,比如这个例子里就是让页面在5秒后刷新。如果你将后面的URL设置成其他页面,那就变成了自动跳转。

      页面进入和退出的特效

      <meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
      <meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

      这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-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种随机选择一种

      META还有一些比较高级的属性,所谓的高级,其实就是平时不常用到的。

      不使用页面缓存

      <meta http-equiv="pragma" content="no-cache">
      <meta http-equiv="expires" content="wed, 26 Feb 1997 08:21:57 GMT">

       这两个标签都是让页面无法保存到浏览器的缓存里,也就是说每次载入页面都要重新从服务器端下载。 其中第二个标签EXPRIES属性是设定了页面的过期 时间。上面这个例子就是当你在1997年2月26日8:21以后载入页面的话当前保存在浏览器缓存里的原有页面就失效,需要重新载入。

      设定站点内容的限制等级

      利用PICS-Label属性可以设置你站点页面的内容等级(RSAC等级):

       <meta http-equiv=″PICS-Label″ content=′(PICS-1.1"http://www.rsac.org/ratingsv01.html" 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))'>

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

      强制页面在当前窗口以独立页面显示

      <meta http-equiv="Window-target" content="_top">

      这个属性是用来防止别人在框架页里调用你的页面。

       看来META标签说重要的确很重要,说不重要,也确实常常被大家忽略。看了这篇文章后,我想你一定对META有一定的了解了吧? HTML语言看似很容 易上手,其实内涵博大精深。尤其是HTML4.0标准、CSS层叠样式表和DHTML-动态HTML。充分发挥现有的属性和方法,可以让你的主页增色不 少!

  • 相关阅读:
    运用《深入理解Java虚拟机》书中知识解决实际问题
    FPGA实现移动目标检测
    FPGA实现人脸检测
    FPGA实现图像的边缘检测:灰度形态学梯度
    FPGA实现图像的二值形态学滤波:边界提取
    VAST3.0规范
    Flash Socket通信的安全策略问题 843端口
    100个开源游戏
    游戏指标分析
    网络广告类型有哪些?
  • 原文地址:https://www.cnblogs.com/charlexu/p/2854186.html
Copyright © 2011-2022 走看看