优点

1. 一次开发，多端适配

• 基于 HTML5 + CSS3 + JavaScript，页面可在手机、平板、PC 乃至微信小程序内核中无缝运行，节省重复开发与维护成本。

2. 天然支持响应式与触控交互

• 媒体查询、flex/grid 布局让排版随屏幕尺寸自动伸缩；手势事件（swipe、tap、pinch）可轻松做出 APP 级滑动、翻页体验。

3. 动画与多媒体表现力强

• Canvas、SVG、WebGL、video/audio 标签直接调用，无需 Flash；配合 GSAP、Three.js 可实现炫酷视觉效果，提高品牌记忆度。

4. 上线快、迭代快

• 文件改动即可热更新，CDN 秒级刷新；业务迭代不必等待商店审核，适合活动页、营销落地页的“短、平、快”节奏。

5. 生态成熟、插件丰富

• Bootstrap、Tailwind、Vite、React/Vue 等框架生态完整；第三方统计、分享、支付 SDK 插拔式接入，降低技术门槛。

6. 易于 SEO 与数据埋点

• 语义化标签提高搜索引擎抓取效率；埋点脚本灵活，可快速构建转化漏斗、热力图等分析体系。

7. 成本友好，便于中小企业启动

• 主流云主机 + CDN 足以支撑中等流量；前端工程师即可独立完成开发与上线，减少多角色协同成本。

缺点 / 局限

1. 性能瓶颈

• 复杂动画、大量 DOM 操作或多层嵌套滚动在低端机上易卡顿；与原生对比，渲染效率仍受限于浏览器。

2. 硬件能力受限

• 调用摄像头、蓝牙、传感器等高阶硬件功能时，需要依赖 Web API 支持或混合容器，体验和权限管理不如原生 App 顺滑。

3. 离线体验弱

• 虽可用 Service Worker 做离线缓存，但首次加载仍依赖网络；离线包管理、消息推送能力逊于原生。

4. 兼容性与安全碎片

• 旧版 Android WebView、早期 iOS Safari 对 ES6/ESM、CSS 新特性支持不一；同时，XSS、CSRF 攻击面更广，需要前后端联防。

5. 品牌高端感受限

• 在高流畅度、高帧率动画、系统级转场、沉浸式手势等极致体验场景下，H5 与原生质感仍有差距，可能影响高端应用形象。

适用场景小结

结论

若你的目标是 跨端覆盖、快速迭代、营销传播——H5 是首选；
若追求 极致性能、深度硬件能力或高端沉浸体验，原生或混合方案更合适。