Chris Burnell 整理了一份清单,列举如今用纯 HTML 就能实现的动态功能。随着浏览器对 popover、dialog、可分组 details、懒加载等特性的原生支持日益成熟,HTML 正在一步步接管过去属于 JavaScript 的职责。文章以轻量弹层、模态对话窗、折叠组、命令按钮、惰性加载等为例,逐一标注浏览器兼容性,并提醒这些实现仍需补足可访问性,展示了「少写 JS、多用原生标记」的现代网页开发趋势。
popover 属性支持轻量弹层:点击外部关闭、Esc 退出,无需手动管理 z-index。dialog 配合 command/commandfor 属性,即可用纯 HTML 打开关闭模态对话框。details 支持分组互斥,天然实现手风琴式交互,零 JavaScript。