META标签是HTML网页文档头部中的标记元素,用于定义与网页相关的元信息,包括字符编码、作者、关键词及页面刷新等,被浏览器和搜索引擎解析以控制功能或优化索引,但不直接显示在页面中。
1. 关键字设置
提供搜索引擎优化所需的信息,如关键词。例如:
<meta name =”keywords” content=”教育, 文化, 科技, 社会”>
2. 网站描述:
提供网站的描述信息,用来告诉搜索引擎你的网站主要内容。例如:
<meta name=”description” content=”这是一个综合性的服务网站。”>
3. 视口设置:
控制移动设备上的页面缩放和尺寸,确保响应式设计。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4. robots设置
告知搜索引擎页面怎样进行进行索引
<meta name="robots" content="all">:文件将被检索,且页面上的链接可以被查询。
<meta name="robots" content="none">:文件将不被检索,且页面上的链接不可以被查询。
<meta name="robots" content="index">:文件将被检索。
<meta name="robots" content="noindex">:文件将不被检索,但页面上的链接可以被查询。
<meta name="robots" content="follow">:页面上的链接可以被查询。
<meta name="robots" content="nofollow">:文件将被检索,但页面上的链接不可以被查询。
5. 自定义内容存储
可在meta中存储指定一些自定义的内容,方便在需要时取用
<meta name="key" content="value">
6. 页面刷新
设置页面自动刷新的时间间隔,单位:秒。
<meta http-equiv="refresh" content="5">
7. 禁止缓存:
禁止浏览器从本地计算机的缓存中访问页面内容。
<meta http-equiv=”Pragma” content=”no-cache”>
8. 字符编码:
指定文档使用的字符集,使浏览器正确解析文档中的字符。例如:
<meta http-equiv=”content-Type” content=”text/html; charset=gb2312″>
9. 安全策略:
定义页面的安全策略,防止XSS攻击等安全问题。例如:
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://cdn.openssl.com; object-src 'none';">