HTML标签名必须统一用小写因HTML5规范强制要求、工具链默认适配、团队协作需要大写标签虽浏览器可解析但在XHTML/XML工具、编辑器校验、SSR框架、JSX及TypeScript中均会出错。HTML 标签在解析时确实不区分大小写但实际开发中必须统一用小写——这不是浏览器兼容性问题而是 HTML5 规范强制要求、工具链默认适配、团队协作基础。为什么 DIV 能运行但不该用浏览器的 HTML 解析器会把 DIV、div、DiV 全部当作同一个标签处理这是历史兼容性设计。但 HTML5 规范明确声明“标签名必须使用 ASCII 小写字母”。这意味着SCRIPT 在 HTML 文档中能执行但在 XHTML 或基于 XML 的工具如某些构建流程、SSG 静态站点生成器中直接报错VS Code、WebStorm 等编辑器的 HTML 校验插件默认只接受小写会标黄警告 IMGPrettier、ESLint eslint-plugin-html 等格式化/检查工具默认修复为小写反复提交易引发无意义 diff服务端渲染如 Next.js、Nuxt或 SSR 框架在严格模式下可能拒绝非小写标签input 和 INPUT 在 JSX 中根本不能混用JSX 不是 HTML它是 JavaScript 语法扩展所有标签名会被转为 React.createElement() 调用。React 官方文档明确要求自定义组件首字母大写原生 HTML 标签必须全小写。否则INPUT typetext 会被 React 当作一个名为 INPUT 的自定义组件而非原生 input 元素 → 渲染为空白或报错 React.createElement: type is invalid即使侥幸渲染ref、onChange 等原生属性可能不生效因为事件系统绑定的是小写标签名TypeScript 类型推导如 JSX.IntrinsicElements只识别 input不识别 INPUT哪些地方会悄悄踩坑大小写问题常在“看起来没毛病”的场景里暴露 幻导航网 发现优质实用网站,开启网络探索之旅