图像解码与稳定渲染：HTMLImageElement.decode 的应用
"解释 `HTMLImageElement.decode()` 的解码流程与渲染时机控制，说明避免布局偏移（CLS）与闪烁的应用场景，并给出工程建议与参考。"
html
Picture 元素：格式切换与艺术指导
使用 `picture` 与 `source` 进行格式切换与艺术指导，为不同设备与布局选择最佳资源与构图，实现更好的响应式与性能。
HTML Popover API：无样式弹出层与交互实践
使用原生 Popover API 实现轻量弹出层，涵盖 auto/manual 模式、触发器绑定与可访问性注意事项。
HTML Drag and Drop API：文件拖放与数据传输
使用原生拖放 API 进行文件与数据传输，规范拖放目标与类型过滤，提升交互与安全性。
HTML inert 属性：交互禁用与无障碍
使用 `inert` 将区域从交互与可访问性树中移除，配合模态层与焦点陷阱确保正确的交互流与辅助技术体验。
HTML Template 与 DocumentFragment：高效 DOM 构建
介绍 `` 与 `DocumentFragment` 的用法，离屏构建与批量插入 DOM，减少重排与重绘，适用于列表与组件渲染。
HTML 响应式图片：srcset 与 sizes 策略
使用 `srcset` 与 `sizes` 为不同视口与 DPR 提供合适的图片资源，降低带宽与提升清晰度，并给出选择与验证建议。
Sanitizer API 安全HTML清洗与防XSS：策略配置、DOM插入与验证指标
使用 Sanitizer API 在浏览器端进行安全的 HTML 清洗与 DOM 插入，覆盖策略配置、危险元素过滤与验证指标，构建更稳健的前端安全防线
HTML inert 属性 模态背景不可交互与焦点管理实践
通过 HTML 全局属性 `inert` 禁用背景区域交互，配合可访问性与焦点陷阱实现可靠的模态体验，并验证跨浏览器支持与行为细节。
拖放与文件接收：HTML Drag and Drop 与 DataTransfer 实战
"介绍原生拖放事件模型（dragenter/dragover/dragleave/drop）与 DataTransfer 的文件/文本读取，构建可访问的拖放区域，并说明粘贴接收与安全注意事项。"
