meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。
meta标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name)。
一、http-equiv 属性http-equiv一般设置的都是与http请求头相关的信息,设置的值会关联到http头部。也就是说浏览器在请求服务器获取html的时候,服务器会将html中设置的meta放在响应头中返回给浏览器。常见的类型比如content-type, expires, refresh, set-cookie, window-target, charset, pragma等等。
1. content-type比如:<meta http-equiv="content-type" content="text/html charset=utf8">可以用来声明文档类型,设置字符集,content-type几乎所有的属性都可以在meta中进行设置。
这样设置浏览器的头信息就会包含:
content-type: text/html charset=utf8
2. expires
用于设置浏览器的过期时间, 其实就是响应头中的expires属性。
<meta http-equiv="expires" content="31 Dec 2021">
expires:31 Dec 2008
3. refresh
该种设定表示5秒自动刷新并且跳转到指定的网页。如果不设置url的值那么浏览器则刷新本网页。
<meta http-equiv="refresh" content="5 url=http://www.zhiqianduan.com">
4. window-target
强制页面在当前窗口以独立页面显示, 可以防止别人在框架中调用自己的页面。
<meta http-equiv="window-target" content="_top'>
5. pragma
禁止浏览器从本地计算机的缓存中访问页面的内容
<meta http-equiv="pragma" content="no-cache">
二、name 属性
name属性主要用于描述网页,与对应的content中的内容主要是便于搜索引擎查找信息和分类信息用的, 用法与http-equiv相同,name设置属性名,content设置属性值。
1. authorauthor用来标注网页的作者
<meta name="author" content="aaa@mail.abc.com">
2. description
description用来告诉搜素引擎当前网页的主要内容,是关于网站的一段描述信息。
<meta name="description" content="这是我的HTML">
3. keywords
keywords设置网页的关键字,来告诉浏览器关键字是什么。是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
<meta name="keywords" content="Hello world">
4. generator
表示当前html是用什么工具编写生成的,并没有实际作用,一般是编辑器自动创建的。
<meta name="generator" content="vscode">
5. revised
指定页面的最新版本
<meta name="revised" content="V2,2015/10/1">
6. robots
告诉搜索引擎机器人抓取哪些页面,all / none / index / noindex / follow / nofollow。
<meta name="robots" content="all">
all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;index:文件将被检索;follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;nofollow:文件将不被检索,页面上的链接可以被查询。