HTML5已成浏览器默认底层协议，无需从零学但须每日实践；其新在于提供原生语义控件与底层能力接口（如IntersectionObserver、ResizeObserver），强调直接调用而非JS模拟，思维需转向“查原生API优先”。
HTML5 还需要“学”吗？
不需要从零学，但必须每天用——它早已不是“新标准”，而是浏览器默认加载的底层协议。你写的每个 <div>、<button>、<img> 都在 HTML5 规范下解析，连 <dialog> 和 popover 这种新标签，Chrome 120+、Safari 17.4+、Firefox 122+ 都已原生支持，无需 polyfill。
常见错误现象：写了个 <main> 却没配 <header>，Lighthouse 直接扣分；或以为 <canvas> 还要手动 fallback，其实现代 DevTools 里右键“Capture Frame”就能直接导出渲染快照。
- 所有主流引擎对
localStorage、Geolocation API、<video>的行为已完全对齐，跨浏览器差异基本只存在于实验性 CSS 属性或 WebGPU 绑定层 - VS Code 输入
<inert就能自动补全，说明编辑器已把 HTML5 全局属性当成本地语法 - 别再为“兼容 IE”加前缀或判断 UA——2026 年全球 IE 使用率低于 0.03%，连 Lighthouse 都不再检测 IE 兼容项
frameset 被干掉后，老项目怎么动真格迁移？
<frameset> 不是“不推荐”，是语法非法：HTML5 解析器遇到它会直接丢弃整段结构，强制进入 quirks mode，导致 CSS Grid 布局错乱、document.querySelector 找不到预期节点。
真正卡住迁移的不是标签替换，而是隐含逻辑：比如 frame A 通过 window.parent.frames[1].doSomething() 调用 frame B 的函数，这种全局变量共享在 <iframe> 下失效，SPA 路由里更无对应模型。
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 静态导航栏/侧边栏 → 改用
<include>（服务端）或fetch().then(html => el.innerHTML = ...)（客户端），避免跨域和 cookie 隔离问题 - 需要通信的嵌入页 → 用
postMessage()+message事件替代window.frames直接访问 - SEO 敏感内容（如产品列表）→ 别用
<iframe>，改用服务端渲染片段或 SSR 路由组件，确保搜索引擎能抓取到真实 DOM
dialog / popover 这类新标签，为什么上线就翻车？
因为它们不是“增强版 div”，而是有严格语义生命周期的原生控件：<dialog> 默认不渲染在 DOM 中，调用 .showModal() 才插入并接管焦点；popover 属性要求目标元素必须有 id，且不能被 display: none 或 hidden 隐藏。
常见错误现象：给 <dialog> 加了 display: block 导致遮罩层失效；或用 querySelector 提前取 <dialog> 元素却返回 null，因为还没调用 showModal()。
-
<dialog>必须放在<body>直接子级，嵌套在<section>或<article>里会导致 backdrop 不覆盖全屏 -
popover不支持嵌套触发（比如按钮 inside tooltip 再弹一个 popover），这是规范限制，不是 bug - 若需自定义动画，别改
open状态，而应监听toggle事件后操作animate()，否则会打断原生焦点管理
HTML5 的“新”到底新在哪？
新在它不再靠“加标签”堆功能，而是让浏览器直接暴露底层能力接口：比如 IntersectionObserver 不是帮你监听 scroll，而是告诉浏览器“我关心这个元素是否进视口”，由渲染引擎在合适时机回调——这比 JS 自己算 offsetTop 性能高一个数量级。
容易被忽略的一点：这些 API 的“默认行为”就是最佳实践。例如 <dialog> 自带 ESC 关闭、popover 自动避让边缘、inert 属性天然屏蔽键盘焦点——你强行用 JS 模拟，反而破坏可访问性。
-
<dialog>的returnValue属性可直接传回字符串，不用再维护隐藏 input 或事件参数 -
ResizeObserver能监听任意元素尺寸变化，包括<svg>内部<g>，而 window.resize 只管 viewport - 所有新特性都走“增量纳入”路径：W3C 不发 HTML6，而是持续更新 HTML Living Standard，今天写的
<dialog>明年可能多了anchor属性，但旧代码完全不受影响
最复杂的不是语法，是思维切换：别再想“怎么用 JS 实现弹窗”，先查 MDN 看浏览器有没有原生控件；别再手动监听 resize，先确认 ResizeObserver 能不能覆盖场景。HTML5 的成熟，正在于它越来越像操作系统 API——你调用它，而不是绕过它。
