HTML冗余属性清理需严格遵循安全边界：仅删除浏览器完全忽略且不参与JS/CSS/无障碍逻辑的属性，如type="text/javascript"、charset="utf-8"等；盲目删除class、id、data-*或空aria-属性易致功能断裂。
HTML 冗余属性清理不是“删得越多越好”，而是有明确安全边界：只删浏览器解析时完全忽略、且不参与 JS/CSS/无障碍逻辑的属性。盲目批量删除 class、id、data-* 或空值 aria- 属性，极易导致功能断裂。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
哪些属性能安全批量删？看浏览器是否真“无视”它
现代浏览器对以下属性已无解析依赖，删除后不影响渲染、语义或脚本行为：
-
type="text/javascript"（<script></script>默认就是 JS） -
type="text/css"（<link rel="stylesheet">的type已废弃） -
charset="utf-8"（<meta>在 HTML5 中可省略） -
border、cellpadding、cellspacing（<table> 相关，CSS 全接管） <li> <code>align（<div>、<code><p></p>等上的对齐，CSS 控制） -
valign（<td> 垂直对齐，同上） <li> <code>width、height（非<img alt="HTML冗余属性清理方法详解" >、<canvas></canvas>元素上无效） - 它会保留
<input type="email">中的type（影响表单验证），但删掉<input type="text">中的type - 它识别
<script type="module"></script>是必需的，绝不会动；但会删<script type="text/javascript"></script> - 它跳过
<template></template>和自定义元素内部，避免破坏服务端模板占位符 - 它默认保留
class=""、data-id=""等空属性——因为这些常被测试或 CSS 选择器依赖 -
aria-hidden="true"加在父级已设该属性的子元素上 → 双重冗余，可删 -
role="none"加在<div> 上通常无意义；但加在 <code><table> 上可能是为绕过原生表格语义 → 需结合上下文判断 <li> <code>aria-label=""或aria-label=" "→ 一律无效，应删（VSCode 搜：aria-[a-z-]*=["']\s*["']） -
tabindex="-1"和aria-hidden="true"同时出现 → 大概率是历史残留，只留一个即可 -
data-*属性：全局搜dataset.或getAttribute('data-，确认是否被逻辑分支使用 -
id和class：哪怕当前没样式，也可能被document.getElementById或querySelector('.xxx')引用 -
<meta name="viewport">、<link rel="icon">、<meta property="og:">：不参与渲染，但删掉会影响 SEO、分享、PWA 安装等关键链路 -
<noscript></noscript>内容：虽不执行，但可能被爬虫或低配设备依赖
VSCode 正则实操建议：align="[^"]*?"、(border|cellpadding|cellspacing)="[^"]*?"，开启 .* 模式后逐项预览再替换——别用贪婪匹配，否则可能跨标签误删。
为什么 removeRedundantAttributes 比手动删更可靠
Webpack 构建中启用 html-webpack-plugin 的 minify: { removeRedundantAttributes: true }，本质是基于 HTML5 规范白名单做语义判断，而非字符串匹配：
立即学习“前端免费学习笔记（深入）”；
⚠️ 注意：别和 removeEmptyAttributes: true 同时开，后者会清空所有值为空字符串的属性，包括你实际需要的 class=""。
空值 aria- 属性必须人工确认，不能正则一刀切
aria-hidden="true"、role="presentation"、aria-label="" 这类属性看似冗余，但是否真可删，取决于运行时行为：
验证方式：用 Chrome DevTools 的 Accessibility 面板查看无障碍树，删前删后对比节点是否消失或角色变更；再跑端到端测试，确保读屏器播报和焦点流不变。
清理时最容易被忽略的“隐形依赖”
很多属性表面没用，实则被 JS 动态读取或 CSS 选择器隐式匹配：
真正安全的清理路径是：先用工具（如 htmlnano 或 html-webpack-plugin 配置）做初步压缩，再人工逐块验证——尤其关注 JS 初始化逻辑、条件注释、以及构建产物中是否仍存在被引用但已删的属性名。
