Vite 6 HTML 资产处理与 vite-ignore 使用
引言Vite 6 扩展了 HTML 资产处理支持的元素集合，提供更灵活的资源管理；通过 `vite-ignore` 可跳过特定元素资产处理以避免误处理。能力说明（已验证）资产处理扩展：从 `<link>` 与 `<img>` 拓展到更多 HTM
html
Sanitizer API 安全HTML清洗与防XSS：策略配置、DOM插入与验证指标
使用 Sanitizer API 在浏览器端进行安全的 HTML 清洗与 DOM 插入，覆盖策略配置、危险元素过滤与验证指标，构建更稳健的前端安全防线
Picture 元素：格式切换与艺术指导
使用 `picture` 与 `source` 进行格式切换与艺术指导，为不同设备与布局选择最佳资源与构图，实现更好的响应式与性能。
拖放与文件接收：HTML Drag and Drop 与 DataTransfer 实战
"介绍原生拖放事件模型（dragenter/dragover/dragleave/drop）与 DataTransfer 的文件/文本读取，构建可访问的拖放区域，并说明粘贴接收与安全注意事项。"
图像解码与稳定渲染：HTMLImageElement.decode 的应用
"解释 `HTMLImageElement.decode()` 的解码流程与渲染时机控制，说明避免布局偏移（CLS）与闪烁的应用场景，并给出工程建议与参考。"
HTML inert 属性 模态背景不可交互与焦点管理实践
通过 HTML 全局属性 `inert` 禁用背景区域交互，配合可访问性与焦点陷阱实现可靠的模态体验，并验证跨浏览器支持与行为细节。
HTML hidden="until-found" 搜索可见与内容发现实践
利用 `hidden="until-found"` 让内容默认隐藏但可被查找与片段导航唤起，结合 `beforematch` 事件与 `content-visibility` 提升长页可发现性与导航体验。
Clipboard HTML 富文本读写与安全过滤实践
读取与写入剪贴板的 HTML 富文本，并进行简单安全过滤，确保本地粘贴与复制的可靠性。
HTML 响应式图片：srcset 与 sizes 策略
使用 `srcset` 与 `sizes` 为不同视口与 DPR 提供合适的图片资源，降低带宽与提升清晰度，并给出选择与验证建议。
