meta 标签在 HTML 中有什么作用？

meta标签在HTML中用于提供页面的元数据（metadata），这些数据不会被直接显示在网页上，但帮助浏览器、搜索引擎和其他Web服务理解和处理页面内容。它的作用基于两个主要属性分为多个类别：

1. 文档信息相关
   主要用于定义页面属性如字符编码、作者或简介：
   • 字符编码：确保文本正确解析，避免乱码。常用<meta charset="UTF-8">设置UTF-8格式。
   • 页面描述和作者：提升搜索引擎可读性和内容溯源：

     <meta name="description" content="页面简要描述">
     <meta name="author" content="作者信息">
     

2. SEO优化相关
   通过特定元数据提升页面在搜索排名中的曝光度：
   • 关键词 (keywords)：定义页面主题关键词（需精确避免滥用）。

     <meta name="keywords" content="关键词1,关键词2">
     

   • robots爬虫指令：控制搜索引擎的索引和跟踪行为，如<meta name="robots" content="index,follow">表示允许索引和跟踪链接。
3. 视口控制
   用于移动端适配：
   • viewport属性：定义设备宽度、初始缩放及可操作性，支持响应式设计：

     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     

4. 浏览器行为调节
   通过http-equiv属性模拟HTTP头部行为：
   • 页面刷新或重定向：定时重定向或刷新，如<meta http-equiv="refresh" content="3;url=https://example.com">实现3秒后跳转。
   • 缓存控制：禁用缓存以提高内容更新频率，例如<meta http-equiv="Cache-Control" content="no-cache">。
5. 其他应用
   包括Open Graph协议用于社交媒体链接预览、版权申明或设置双核浏览器渲染策略。