核心用法
HTML PPT Skill 是一套以网页技术替代 Microsoft PowerPoint 的幻灯片制作方案。它通过纯 HTML/CSS/JavaScript 实现 16:9 比例的演示文稿，利用 CSS scroll-snap 模拟翻页效果，支持键盘方向键、滚轮导航，并能通过浏览器「打印 → 另存为 PDF」功能直接导出标准 PDF。
显著优点
1. 视觉表现力强：摆脱传统 PPT 模板限制，可自由运用 CSS 动画、渐变、Grid/Flex 布局，轻松实现杂志级排版
2. 响应式缩放：所有尺寸基于 vw 单位，自动适配任意屏幕分辨率，投影/网页/移动端均可完美呈现
3. 零软件依赖：仅需浏览器即可播放，无需安装 Office 或 Keynote，跨平台兼容性极佳
4. 版本控制友好：纯文本代码天然适合 Git 管理，协作修改与历史回溯远优于二进制 .pptx 文件
5. 打印精确对齐：通过 @media print 媒体查询，每页严格对应 A4 横向 297mm × 167mm，导出 PDF 分页准确
潜在局限
- 上手门槛：需具备基础 HTML/CSS 知识，非技术用户编辑困难
- 复杂动画受限：缺乏 PPT 的「平滑切换」「缩放定位」等高级动画引擎
- 离线字体依赖：Google Fonts 需网络加载，内网环境需手动托管字体文件
- 打印一致性：不同浏览器打印引擎存在细微差异，建议统一使用 Chrome
适合人群
- 技术演讲者、开发者、设计师（追求视觉差异化）
- 需要版本控制或自动化生成幻灯片的内容团队
- 希望「一次编写，多端播放」的轻量演示场景
常规风险
- 动态内容未做 XSS 过滤时可能引入脚本注入（用户输入内容需谨慎处理）
- 大量高分辨率图片未优化可能导致页面卡顿
- 浏览器兼容性问题：旧版 Safari/Firefox 对
scroll-snap支持不完整