HTML Meta Tags Guide (2025)

<!-- 字符编码：确保正确显示中文等字符 -->
<meta charset="UTF-8">

<!-- 页面基本信息 -->
<meta name="description" content="页面描述，建议150字符以内，优化SEO">
<meta name="keywords" content="关键词1,关键词2,关键词3">
<meta name="author" content="姓名, email@example.com">

<!-- 搜索引擎优化 -->
<meta name="robots" content="index,follow"> <!-- 允许搜索引擎索引和跟踪链接 -->

<!-- 浏览器兼容性 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 优先使用最新IE和Chrome内核 -->
<meta name="renderer" content="webkit"> <!-- 启用360浏览器webkit内核 -->

<!-- 移动端优化 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- 响应式布局，禁止缩放 -->
<meta name="HandheldFriendly" content="true"> <!-- 优化老式移动浏览器 -->
<meta name="MobileOptimized" content="320"> <!-- 微软老式浏览器优化 -->

<!-- iOS设备优化 -->
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 启用WebApp全屏模式 -->
<meta name="apple-mobile-web-app-title" content="应用标题"> <!-- 主屏应用标题 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <!-- 状态栏样式 -->
<meta name="apple-itunes-app" content="app-id=yourAppID, app-argument=yourURL"> <!-- 智能App广告条 -->

<!-- 禁止自动检测 -->
<meta name="format-detection" content="telephone=no, email=no"> <!-- 禁用电话和邮箱自动链接 -->

<!-- 国内浏览器优化 -->
<meta name="screen-orientation" content="portrait"> <!-- UC/QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait"> <!-- QQ强制竖屏 -->
<meta name="full-screen" content="yes"> <!-- UC强制全屏 -->
<meta name="x5-fullscreen" content="true"> <!-- QQ强制全屏 -->
<meta name="browsermode" content="application"> <!-- UC应用模式 -->
<meta name="x5-page-mode" content="app"> <!-- QQ应用模式 -->
<meta http-equiv="Cache-Control" content="no-siteapp"> <!-- 禁止百度转码 -->

<!-- Windows Phone优化 -->
<meta name="msapplication-tap-highlight" content="no"> <!-- 禁用点击高光 -->

<!-- 缓存控制 -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <!-- 禁用缓存 -->
<meta http-equiv="Pragma" content="no-cache"> <!-- 兼容旧浏览器 -->
<meta http-equiv="Expires" content="0"> <!-- 立即过期 -->