<meta />
标签位于文档头部(head标签内),可用于定义文档内的元数据(采用键值对的格式)
一、通用属性
content
: 元数据的值
元数据键值对中的值
name
: 元数据的键
name属性主要用于描述网页
- 常见的name值
name 描述 Author 标注网页的作者 Keywords 文档的关键词,供搜索引擎用的 Description 页面的描述,供搜索显示页面搜索结果时对页面进行简短描述(该meta必须放到Keywords的meta后) Robots 告诉搜索机器人哪些页面需要索引,哪些页面不需要索引(content可以是all,none,index,noindex,follow,nofollow。默认是all) *Pics-Label 网页的限制等级(暴力、sex…)
http-equiv
: 元数据的键(会被添加到HTTP请求头中)
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容
-
服务器发送该页面时,会将元数据的键值对添加到HTTP请求头中(当然只有能被浏览器理解的请求头才会发挥作用)
<head> <meta http-equiv="content-type" content="text/html" /> <meta http-equiv="cache-control" content="no-cache" /> </head> <!-- 服务器会将其添加到请求头 Content-Type: text/html Cache-Control: no-cache -->
-
常见的http-equiv值
http-equiv 描述 Content-Type 文档类型 Cache-Control 浏览器缓存控制 Expires 文档缓存过期时间 Set-Cookie cookie的设置 Refresh 文档自动重定向
(eg:content="2;url=https://www.baidu.com/"
)Window-Target 设置文档的窗口显示模式(可用于防止其他页面嵌套我们的页面)