值得，但不是“只学HTML”；它已成基础设施层，关键在于语义化结构、原生表单校验、无障碍实践及与工程链路（CI/CD、CSP、组件契约）的深度整合。
HTML现在还值得从它开始学吗
值得，但不是“只学html”。2026年的真实情况是：html已退为基础设施层，像空气一样必须存在，但单独拎出来无法构成岗位竞争力。
企业招聘JD里写的“熟悉HTML5”本质是底线要求，不是技能亮点。真正决定你能不能进面试、能不能定级定薪的，是能否用article和section写出语义清晰、SEO友好、无障碍可用的结构；能否在不依赖框架的前提下，靠input原生属性（如required、pattern）+ setCustomValidity()实现表单校验闭环；能否看懂html-validate报出的aria-label-missing错误并立刻修复。
- 别再手写
<div class="header">——浏览器和读屏软件都不认这个“header”，该用<code>header就用header - 别把
placeholder当label用，这是WCAG 2.1明确判定为可访问性缺陷的行为 - 微信小程序里
view不是div的平替，它的事件冒泡机制、样式继承规则完全不同，混用会踩渲染异常坑 - 优先实操
history.pushState()+popstate事件，这是无刷新路由的底层逻辑，Vue Router/React Router都基于它封装 -
Canvas不用从贝塞尔曲线开始学，先用fillRect()和strokeText()画个实时温度仪表盘，对接WebSocket数据流 - 别碰
WebRTC的RTCPeerConnection——那是音视频工程师的战场，前端只需知道怎么接video标签的srcObject - 在
package.json的precommit脚本里加html-validate src/**/*.html，比等测试环境报错强十倍 - 用
html-webpack-plugin时务必配hash: true和meta: { 'Content-Security-Policy': '...' }，否则内联脚本直接被现代浏览器拦截 - Electron项目里
webPreferences: { contextIsolation: true }开启后，HTML里直接调require会报require is not defined——这不是HTML问题，但HTML是第一个暴露症状的地方 - 能写
slot透传内容的自定义元素，比会十个CSS动画更值钱 - 能把Figma设计稿里的文字层级自动转成
h1~h6语义结构的脚本，比手动调字号更体现工程能力 - 在Git提交信息里写“fix: add missing
foronlabel”比写“update UI”更容易被TL记住
HTML5那些API到底该不该深挖
不是“该不该”，而是“哪些必须动手试，哪些可以先放一放”。
localStorage和sessionStorage现在仍是离线缓存最轻量可靠的方案，尤其适合IoT设备管理页这类低带宽、高实时性场景；Geolocation在LBS类H5中仍不可替代；但WebSQL已废弃，Application Cache早被PWA的Service Worker取代——这些花时间深究反而拖慢节奏。
HTML在工程链路里最容易被忽视的环节
不是怎么写标签，而是怎么让它“活”在CI/CD里。
立即学习“前端免费学习笔记（深入）”；
很多团队上线前只跑JS单元测试，却从不校验HTML是否符合CSP策略、是否漏了alt、lang属性，结果线上被审计工具扫出一堆accessibility-error，紧急回滚。
做HTML相关工作，薪资卡点在哪
卡在“能不能让HTML成为协作接口”，而不是“会不会写table嵌套”。
2026年一线厂对初级前端的起薪分水岭，已从“能否切图”转向“能否定义组件HTML契约”。比如一个date-picker组件，它的HTML输出必须包含role="dialog"、aria-modal="true"、焦点管理逻辑，否则设计师、测试、无障碍专员都没法基于它开展后续工作。
HTML本身没有复杂度，但把它嵌进真实协作流程里的每一步，都有隐藏判断条件和上下文约束。这点，翻十遍教程不如改一次线上可访问性告警来得清楚。
