小谈HTML中的META标签

        meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta   标签用于网页的<head>与</head>中,meta   标签的用处很多。meta   的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:    
   
  name   属性    
   
    1、<meta   name="Generator"   contect="">用以说明生成工具(如Microsoft   FrontPage   4.0)等;    
   
    2、<meta   name="KEYWords"   contect="">向搜索引擎说明你的网页的关键词;    
   
    3、<meta   name="DEscription"   contect="">告诉搜索引擎你的站点的主要内容;    
   
    4、<meta   name="Author"   contect="你的姓名">告诉搜索引擎你的站点的制作的作者;    
   
    5、<meta   name="Robots"   contect=   "all|none|index|noindex|follow|nofollow">    
   
    其中的属性说明如下:    
   
    设定为all:文件将被检索,且页面上的链接可以被查询;    
   
    设定为none:文件将不被检索,且页面上的链接不可以被查询;    
   
    设定为index:文件将被检索;    
   
    设定为follow:页面上的链接可以被查询;    
   
    设定为noindex:文件将不被检索,但页面上的链接可以被查询;    
   
    设定为nofollow:文件将不被检索,页面上的链接可以被查询。    
   
    http-equiv属性    
   
    1、<meta   http-equiv="Content-Type"   contect="text/html";charset=gb_2312-80">    
   
  和   <meta   http-equiv="Content-Language"   contect="zh-CN">用以说明主页制作所使用的文字以及语言;    
   
    又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;    
   
    2、<meta   http-equiv="Refresh"   contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink/;    
   
    3、<meta   http-equiv="Expires"   contect="Mon,12   May   2001   00:20:00   GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;    
   
    4、<meta   http-equiv="Pragma"   contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;    
   
    5、<meta   http-equiv="set-cookie"   contect="Mon,12   May   2001   00:20:00   GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;    
   
    6、<meta   http-equiv="Pics-label"   contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;    
   
    7、<meta   http-equiv="windows-Target"   contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;    
   
    8、<meta   http-equiv="Page-Enter"   contect="revealTrans(duration=10,transtion=   50)">和<meta   http-equiv="Page-Exit"   contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

       网页常用代码页面切换特效:

       第一步 
   把以下的HTML程式码复制以后贴到你网页上的<HEAD>标签里: 
   <META http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)"> 

例子:
<html>
<head>
<title>页面过渡效果举例</title>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)"> (两边向中间压缩为无)
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)"> (渐变为无再显示)
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)"> (无效果)
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)"> (好像还是渐变啊,郁闷)
</head>
<body>
页面制作效果举例
</body>
</html>

   太简单了吧!不过还是有难度较高,而且需要你伤脑筋,却能发挥你艺术天分的地方:就是设计过场效果的种类。一般来说我们都是设成23和「Random」,但你可以从底下的表单中自订Transition(过场)的值。Duration是设定效果从开始到结束中间经过的秒数;所以是要设成五秒来考验大家的耐力,还是要还不留情的设成一秒呢? 
   过场特效种类 Transition值 
   Box in(方格收敛) 0 
   Box out(方格外散) 1 
   Circle in(圆形收敛) 2 
   Circle out(圆形外散) 3 
   Wipe up(掀帘子见客) 4 
   Wipe down(下台一鞠躬) 5 
   Wipe right(由左至右) 6 
   Wipe left(由右至左) 7 
   Vertical blinds(直立式百叶窗) 8 
   Horizontal blinds(传统百叶窗) 9 
   Checkerboard across(横向棋盘格) 10 
   Checkerboard down(下坠棋盘格) 11 
   Random dissolve(溶接效果) 12 
   Split vertical in(关门大吉) 13 
   Split vertical out(开张大吉) 14 
   Split horizontal in(上下向中间收敛) 15 
   Split horizontal out(中间向上下展开) 16 
   Strips left down(右上斜左下) 17 
   Strips left up(右下斜左上) 18 
   Strips right down(左上斜右下) 19 
   Strips right up(左下斜右上) 20 
   Random bars horizontal(水平任意直线) 21 
   Random bars vertical(垂直任意直线) 22 
   Random(任意选择以上特效) 23 
   第二步,这个步骤是随你高兴 
   你还可以再增加特效,只要多几个与上述类似的META标签就可以了,除了Page-Exit标签的 http-equiv 值、Site-Enter 或 Site-Exit 以外。最后的两个标签只有在前一页或后一页不是在你的网站上时才有作用。 

原文地址:https://www.cnblogs.com/limshirley/p/1621182.html