meta是用来干嘛的?

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

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中的meta标签用于提供关于网页的元数据(metadata)。元数据是描述数据的数据,它提供了关于网页的信息,但不会直接显示在页面上。meta标签通常位于HTML文档的头部(head)部分。 meta标签的作用有: 1. 搜索引擎优化(SEO):通过在meta标签中添加关键词和描述,可以帮助搜索引擎更好地理解和索引网页内容,提高网页在搜索结果中的排名。 2. 定义页面使用语言:通过设置meta标签的lang属性,可以指定网页使用的语言,帮助搜索引擎浏览器正确解析和显示网页内容。 3. 自动刷新并指向新的页面:通过设置meta标签的http-equiv属性为"refresh",可以实现网页自动刷新,并指向新的页面。 4. 实现网页转换时的动态效果:通过设置meta标签的http-equiv属性为"refresh",并结合URL重定向,可以实现网页在一定时间后自动跳转到另一个页面,实现动态效果。 5. 控制页面缓冲:通过设置meta标签的cache-control属性,可以控制浏览器对网页的缓行为,例如禁止缓存、强制重新加载等。 6. 网页定级评价:通过设置meta标签的robots属性,可以告诉搜索引擎是否允许抓取和索引网页内容,以及是否允许跟踪链接。 7. 控制网页显示的窗口:通过设置meta标签的viewport属性,可以控制网页在移动设备上的显示效果,例如设置缩放比例、禁止缩放等。 范例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content="这是一个示例网页"> <meta name="keywords" content="HTML, meta标签, 元数据"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>示例网页</title> </head> <body> <h1>欢迎访问示例网页</h1> <p>这是一个示例网页的内容。</p> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值