<meta> 元素使用详解 -优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_6669/article/details/82449981

本文介绍了HTML中的Meta标签及其两种主要属性：Name属性和Http-equiv属性。Name属性包括关键字、描述、机器人指示等，而Http-equiv属性则涉及刷新、缓存控制等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

meta标记
　　meta标记看似是HTML语言HEAD区的一个辅助性标签，其实它的作用很大。META标签共有两个属性，它们分别是Http-equiv属性和Name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
　1.Name属性
　　Name属性主要用于描述网页，与之对应的属性值为Content，Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
　　Meat标签的Name属性语法格式是：
　　
<meta name="参数" content="具体的参数值">
　　其中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.">
　　C.Robots（机器人向导）
　　说明：Robots用来告诉搜索机器人需要索引的页面有哪些。
　　Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
　　举例：
　　
<meta name="robots" content="none">
　　D.Author(作者)
　　说明：标注网页的作者
　　举例：
　　
<meta name="author" content="zys666,zys666@21cn.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模式）
　　说明：禁止浏览器从本地计算机的缓存中访问页面内容。
　　用法：
<meta http-equiv="pragma" content="no-cache">
　　注意：这样设定访问者将无法脱机浏览。
　　C.Refresh（刷新）
　　说明：自动刷新并指向新页面。
　　用法：
<meta http-equiv="refresh" content="2；url=http://www.onchina.net">
　　注意：其中的"2"是指停留2秒钟后自动刷新到URL网址，可以更改，但建议不要改得太大。
　　D.Set-cookie（Cookie设定）
　　说明：如果网页过期，那么存盘的Cookie将被删除。
　　用法：
<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT；path=/">
　　
　　注意：必须使用GMT的时间格式。
　　E.Window-target（显示窗口的设定）
　　说明：强制页面在当前窗口以独立页面显示。
　　用法：
<meta http-equiv="window-target" content="_top">
　　注意：用来防止别人在框架里调用自己的页面。
　　F.Content-type（显示字符集的设定）
　　说明：设定页面使用的字符集。
　　用法：
<meta http-equiv="content-type" content="text/html; charset=gb2312">