值，但需目标明确——进前端岗、做微信h5活动页或接外包移动端页面；培训可绕过兼容性坑（如ios safari localstorage失效、android 4.4 date输入框不触发change），但真功夫在实操中打磨。
HTML5培训值不值得投入时间？
值，但前提是目标明确——你要进前端岗、做微信H5活动页、或接外包移动端页面。不是所有“学HTML5”都等于“能干活”，市面上4个月速成班教的常是 HTML + CSS + JavaScript + 几个框架皮毛，真正卡住人的从来不是标签怎么写，而是 localStorage 在 iOS Safari 里突然失效、Geolocation 权限被静默拒绝、或者 canvas 在低端安卓机上掉帧到用户以为页面卡死。
- 培训能帮你绕过早期踩坑：比如不知道
input[type="date"]在 Android 4.4 下根本不触发change事件，得用第三方 picker 替代 - 但培训不会替你记住每个 API 的兼容边界，
IntersectionObserver在微信内置浏览器 v7.0.9 才开始稳定支持，v6.x 里得降级用 scroll + offsetTop 判断 - 真正拉开差距的，是能不能在项目里把
Service Worker+Cache API配合好，让离线页加载快于原生 App 启动——这靠听课没用，得调十几次缓存策略才摸清门道
学完HTML5能立刻做什么实际工作？
能独立交付轻量级 H5 项目：电商裂变页、品牌活动页、问卷表单、企业宣传页、小程序 WebView 容器页。这些活儿不考算法，但要求对 DOM 操作、表单校验、图片懒加载、微信 JS-SDK 接入、埋点打点有肌肉记忆。
- 微信环境里，
location.href跳转可能被拦截，得用history.replaceState+setTimeout保底 -
flex布局在 iOS 8.4 上有 flex-shrink 计算 bug，必须加min-width: 0修复 - 用户上传图片时，
FileReader.readAsDataURL在部分安卓机上读大图会内存溢出，得切片或用createImageBitmap降质处理
培训班教的“HTML5新特性”哪些真该用？
别为用而用。像 nav、article 这类语义化标签，SEO 和无障碍有用，但不影响功能；而 localStorage、sessionStorage、canvas、video 的 play() Promise 返回，才是每天要打交道的。
-
localStorage不是数据库：存超过 5MB 触发 QuotaExceededError，iOS 隐私模式下直接抛空对象 -
canvas.toDataURL('image/webp')在旧版微信里返回空字符串，得 fallback 到 png -
video标签加playsinline属性才能在 iOS 微信里内联播放，否则强制全屏——这个属性不写，整个视频模块就废一半
自学和培训最大的实操差距在哪？
在真实项目里的“连环问题”处理能力。比如做一个抽奖页，培训可能只讲怎么用 Math.random() 生成随机数；但上线后你会遇到：
立即学习“前端免费学习笔记（深入）”；
- 微信分享后页面刷新，
history.state丢失导致抽奖状态错乱 - 多人同时点击按钮，
fetch请求没防抖，后端重复发奖 - 页面滚动时
requestAnimationFrame被节流，转盘动画卡顿被投诉
这些问题不会出现在教材例子里，但会在你第一次上线后集中爆发。培训班的价值，是有人当场告诉你：“这个不是你代码错，是微信 JS-SDK 的 updateAppMessageShareData 必须在 ready 回调里调，且不能晚于页面 onload”。
真正难的不是学会语法，是在各种浏览器、各种宿主环境（微信、QQ、钉钉、企业微信）、各种网络条件下，让同一套 HTML/CSS/JS 表现一致。这点，没人能替你跑完所有机型测试。
