HTMLHint 不检测重复 id 或 name 是因其仅做规则驱动的静态检查，内置规则如 attr-no-duplication 仅防单标签内属性重复，不查跨标签语义重复；重复结构属代码克隆范畴，需 SonarQube、Simian 等工具配合检测。
HTMLHint 本身不检测重复元素（比如重复的 id、重复的 name 属性值、或结构完全相同的 DOM 片段），它只做规则驱动的静态检查，而“重复元素”属于语义级冗余，需配合其他手段或自定义扩展。
为什么 HTMLHint 不报重复 id 或重复 name？
HTMLHint 的内置规则聚焦于标签合法性、可访问性、SEO 和基础规范（如 attr-lowercase、attr-no-duplication），其中 attr-no-duplication 仅检查单个标签内是否重复声明同一属性（例如 <div id="a" id="b">），**不检查跨标签的 id 值重复**——那是 W3C 校验器或浏览器 DOM 解析时才报的错误。
- W3C Markup Validation Service 能捕获全局重复
id，但无法检测逻辑重复（如两个一模一样的<header>...</header>块） - 重复结构（如多处拷贝粘贴的表单片段）不属于 HTML 语法问题，静态分析工具默认不覆盖该维度
- 真正要识别“重复元素”，本质是重复代码检测（Clone Detection），属于 SonarQube、PMD、或专用工具（如 Simian）的范畴，不是 HTMLHint 的设计目标
如何实际检测 HTML 中的重复结构？
必须跳出 HTMLHint 单一工具思维，组合使用：先用 HTMLHint 清理基础问题，再用通用重复代码检测工具扫描 HTML 文件内容。
- 对 HTML 文件启用
htmlhint基础检查：运行htmlhint "src/**/*.html"，确保没有attr-no-duplication、id-unique等误配 - 将 HTML 视为文本块，用支持多语言的重复检测工具处理：例如 SonarQube 配置
sonar.language=web并启用web:DuplicateBlock规则；或用 Simian 命令行扫描：simian -includes="**/*.html" -threshold=50（阈值指相似行数） - 若项目已用 ESLint + Prettier，可借助
eslint-plugin-html把 HTML 内联进 JS/TS 文件，再用eslint-plugin-unused-imports类思路做轻量标记（局限大，仅适合组件化 HTML）
容易被忽略的关键点：重复 id 的真实影响比想象中更隐蔽
浏览器允许渲染重复 id，但 JavaScript 的 document.getElementById() 只返回第一个匹配项，CSS 的 #my-id 选择器也只作用于首个——这会导致功能错乱却无控制台报错，调试成本极高。
立即学习“前端免费学习笔记（深入）”；
- CI 流程中建议并行跑两道检查：
htmlhint+w3c-validatorCLI（用nu-html-checker工具），后者能稳定报出Duplicate ID错误 - VS Code 用户可安装
HTML Boilerplate或Auto Rename Tag插件辅助人工排查，但不能替代自动化 - 团队规范里应明确定义：“所有
id必须全局唯一”写入.htmlhintrc注释，并在 PR 模板中加检查项
真正难的不是发现重复，而是判断哪些重复是合理抽象（比如多个页面共用 header.html）、哪些是偷懒复制。工具只能标出“相同”，决策得靠人。
