给两张图片补 ALT，怎样确认原属性没有丢

操作步骤

1. 打开“ALT标签替换工具”，点击“载入双图示例”。原片段包含cover.png与detail.png；第一张有class、640×320宽高及红色边框，第二张有data-id="2"。ALT预设为“封面配图”，宽度为300px，Title留空。
2. 点击“开始处理”，确认状态为已处理2个img元素。结果两张图都有alt="封面配图"，src仍分别为cover.png和detail.png；第一张class="cover"、第二张data-id="2"必须保留。
3. 核对尺寸：旧width和height属性应删除，第一张border: 1px solid red保留，两个style都含width: 300px。这里只修改片段，外部CSS仍可能覆盖显示尺寸，应在实际页面另做排版检查。
4. 把ALT改为“封面 "A" & <B>”，旧结果立即清空，再点开始处理。属性中的引号、与号及尖括号转为实体；显示为&quot;、&amp;、&lt;和&gt;是正确序列化，不应插入额外属性或标签。
5. 点击“复制结果”，确认成功反馈，再粘贴到自己的代码编辑器对比原稿。不要直接覆盖唯一原件；结果是纯文本，本页不请求图片或渲染HTML，也没有文件下载。
6. 把宽度改成auto并处理，确认提示只支持1–9999px或1–100%，结果为空且不能复制。恢复300px可重做；留空字段保留原值，至少填写一项修改。不同图片应分组或逐张编写准确描述，相同ALT仅为这次公开练习。

跟着示例试一次

输入下方片段，ALT填“封面配图”，Title留空，宽度填300px。浏览器实测处理2张图片，src、class、data-id和border均保留；旧width及height移除，内联width改为300px。改变参数会清除旧结果，不会继续复制上一轮内容。

<p>配图：</p><img src="cover.png" class="cover" width="640" height="320" style="border: 1px solid red" alt="旧描述"><img src="detail.png" data-id="2">

怎样确认结果正确

逐项比较图片数量、两个src、class、data-id、边框和新alt，不要求引号、空白或属性顺序逐字符相同。浏览器惰性template解析片段，再以setAttribute修改属性；可能规范化大小写、实体与不规范标签。设置宽度会删除内联height，其他内联样式保留；不设置宽度则保留原尺寸。已验证引号和尖括号转义、复制反馈、auto拒绝、改参清旧及390px布局。template依据：https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/template 。

常见问题与边界

HTML最多200,000字符，ALT和Title各最多1,000字符，最多500个普通img；不进入嵌套template，不处理CSS背景、SVG image或组件模板语法。只支持片段，带doctype或html/head/body外层标签会拒绝。空项表示不修改，不能批量设置空alt；装饰图空alt需按上下文另行编辑。统一ALT不代表完成无障碍优化或保证排名。此工具不是HTML消毒器，原有脚本、事件和危险地址可能保留，不要把结果当安全HTML执行。输入只在当前页内存的惰性片段中处理，不上传、不自动保存、不加载图片，刷新清空。