META元素使用的简单学习

时间:2021-07-21 15:42:07

meta标签是我们学习html时容易忽略的标签,其实它的作用很大,下面就一些网上关于meta标签的讲解内容做一个简单的归纳。

META标签共有两个属性,它们分别是Http-equiv属性和Name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

 1.Name属性
  Name属性主要用于描述网页,与之对应的属性值为Content,Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
  Meat标签的Name属性语法格式是:

  其中Name属性主要有以下几种参数:
  A.Keywords(关键字)
  说明:Keywords用来告诉搜索引擎你网页的关键字是什么。
  举例:
        

<meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">

 

    B.Description(网站内容描述)
  说明:Description用来告诉搜索引擎你的网站主要内容。
  举例:
 
<meta name="description" content="This page is about the meaning of science, education,culture.">
  
  说明:Robots用来告诉搜索机器人需要索引的页面有哪些。
  Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。 
<meta name="robots" content="none"> 
  D.Author(作者)
  说明:标注网页的作者
  举例:
<meta name="author" content="ddv611,dasdddd1@12dcn.com">
 2.Http-equiv属性
  Http-equiv,顾名思义,相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确显示网页内容,与之对应的属性值为Content,              Content中的内容其实就是各个参数的变量值。
  Meat标签的Http-equiv属性语法格式是:
<meta http-equiv="参数" content="参数变量值">
 其中Http-equiv属性主要有以下几种参数:
 
 A.Expires(期限)  
  
      说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
  用法:
<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
 注意:必须使用GMT的时间格式。
 
 B.Pragma(Cache模式)
  说明:禁止浏览器从本地计算机的缓存中访问页面内容。
  用法:

 

 注意:这样设定访问者将无法脱机浏览。
 
 C.Refresh(刷新)
  说明:自动刷新并指向新页面。
  用法:
     注意:其中的"2"是指停留2秒钟后自动刷新到URL网址,可以更改,但建议不要改得太大。
 
   D.Set-cookie(Cookie设定)
  说明:如果网页过期,那么存盘的Cookie将被删除。
  用法:

  

注意:必须使用GMT的时间格式。
  
E.Window-target(显示窗口的设定)
  说明:强制页面在当前窗口以独立页面显示。
  用法:
 注意:用来防止别人在框架里调用自己的页面。
  
F.Content-type(显示字符集的设定)
  说明:设定页面使用的字符集。
  用法: