<meta>
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable。
所谓元数据,是用于描述数据的数据(信息)。它不会显示在页面上,但是却可以被机器识别。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。
用 !
生成一个 html 模板,可以看到包含了基本的 meta 属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
【示例】截取了百度H5制作的页面 head:
在
Meta
标签中使用pragma
、cache-control
、expires
来控制缓存,这些标签往往不会生效(有些浏览器不支持),并且所有缓存代理服务器都不支持,因为代理不解析HTML内容本身。甚至在HTML5规范中,
http-equiv
中的属性并不包括这三个,如果我们需要进行缓存控制的话,最好还是通过 HTTP headers 来进行设置。
后续,将继续研究 name
属性的重点值 ☛ viewport
。
➹ 参考
<meta>: The Document-level Metadata element
HTML <meta> Tag
HTML <meta> 标签
关于 HTML 中 meta 标签的理解和总结
那些你不知道的meta标签
H5 项目常见问题汇总及解决方案