icon 属性在中语法存在但实际不可用，因从未被主流浏览器实现且随一同被废弃；应改用+、css背景图或aria语义化方案替代。

icon 属性在 <command></command> 中**语法上存在，但实际已不可用**——它从未被主流浏览器实现过，且随 <command></command> 一起被废弃。

为什么 icon 属性形同虚设

HTML5 草案中曾为 <command></command> 定义 icon 属性，用于指定命令图标的 URL。但现实是：

• Firefox 从未解析或渲染 icon 属性，连 DOM 接口都不支持
• Chrome、Safari、Edge 均未实现该属性，也无任何渲染行为
• Gecko 24.0（2013 年）起已移除 <command></command> 及其全部属性，包括 icon
• W3C 后续标准中彻底删除了 <command></command>，icon 失去依附载体

想加图标？别碰 <command></command>，改用现代方案

如果你需要带图标的可点击命令控件，应绕过已废弃的 <command></command>，直接使用语义化、可维护的替代方式：

• 用 <button></button> + <img> 或 CSS background-image 控制图标
• 用 <input type="image"> 实现点击区域+图标一体化
• 在 <menu></menu> 中搭配 <button></button> 或 <span></span> + role="menuitem"，再用 CSS 插入图标
• 框架场景（如 React/Vue）优先用组件封装图标按钮逻辑，不依赖原生废弃标签

检查时容易误判的点

开发者有时在 DevTools 中看到 icon 出现在元素属性列表里，就以为它“生效”了。其实：

• 这是 HTML 解析器对未知属性的宽容处理，不代表浏览器理解它
• getBoundingClientRect() 或 computedStyle 查不到任何与 icon 相关的布局或渲染效果
• 即使写成 <command icon="logo.svg" label="Save"></command>，控制台也不会报错，但图标就是不出现
• 试图用 JavaScript 读取 element.icon 得到的是空字符串或 undefined，不是资源路径

真正要让图标稳定显示，就得放弃 <command></command> 这条死路——它不是“还没做好”，而是从没活过。所有依赖它的代码，现在都该重构成基于 <button></button> 或 ARIA 的方案。