HTML5标签虽解析时不区分大小写,但必须全小写以确保兼容性、工具链支持及团队协作规范。

HTML5 标签不区分大小写,但必须全部小写 —— 这是 W3C 推荐的书写规范,也是现代前端工程实践的硬性要求。
HTML5 标签在解析时确实不区分大小写
浏览器解析 不过,这不等于你可以随意混用大小写。真实项目中,以下情况会出问题: 这不是风格偏好,而是为兼容性和可维护性让步: 立即学习“前端免费学习笔记(深入)”; HTML5 允许自定义元素(如 常见错误示例: 这段代码虽能渲染,但 把大小写当作语法的一部分来对待,而不是“浏览器能认就行”的宽容项: 最麻烦的不是浏览器不认,而是团队协作时有人写 nodeName 也统一返回大写(如 "DIV"),但这是内部表示,不影响标签书写。
eslint-plugin-html 或 eslint-plugin-react 默认只接受小写标签为什么强制推荐全小写?
在 Vue/React 中是自定义组件,而 可能被当成原生标签忽略class、data-id 在 HTML 中不区分大小写,但 JS 中 element.className 是固定写法,混用易引发混淆容易踩的坑:自定义元素与 SVG 标签
),但它们必须包含短横线且全小写;而 SVG 标签(如 、)在 HTML 文档中也必须小写 —— 即使 SVG 规范本身允许大写,在 HTML5 上下文中仍需遵守小写约定。 和 不符合 HTML5 规范,会导致:
Element “SVG” not allowed as child of element “body”
JSX.IntrinsicElements.svg 仅匹配小写 svg)实际开发中该怎么做?
、、 等)一律小写,禁止 或框架模板中,保持与主文档一致的小写习惯"htmlWhitespaceSensitivity": "css" + "singleQuote": true 自动修正、有人写 、还有人写 ,结果 Git diff 里全是大小写变更,Code Review 时根本分不清哪是真逻辑改动。











