浏览器对缺失的HTML属性完全静默忽略，不修复、不补充、不报错，直接按“该属性不存在”处理；如<a>缺href则链接不可点击，<img>缺alt则影响可访问性与SEO，<input>缺type或required会导致JS/CSS/表单逻辑失效。
浏览器对缺失的 HTML 标签属性完全不修复、不补充、也不报错，而是直接按“该属性不存在”来处理——它不会猜测你本意要写 href 还是 src，也不会自动补上默认值。这种静默跳过，正是容错机制最典型的“不作为”表现。
缺失属性 ≠ 浏览器帮你填上
比如：
-
<a>点击这里</a>缺了href→ 链接不可点击，无任何提示； -
<img>缺了src→ 显示空白或破损图标，控制台不报错； -
<input>缺了type→ 默认为"text"，看似正常，但若后续 JS 依赖type="number"的验证逻辑，就会失效； -
<script>缺了src或内联内容 → 整个脚本标签被忽略，什么都不会执行。
这些都不是“浏览器修好了”，而是“浏览器压根没看到你要表达的意图”。
哪些缺失会引发连锁失效
-
语义与可访问性断裂：
<img>没alt，屏幕阅读器跳过，SEO 权重下降，W3C 验证器直接标为错误； -
JS 选择与操作失败：
<button id="submit-btn">漏写id，document.getElementById('submit-btn')返回null，后续.addEventListener()报错； -
CSS 无法匹配：
.card[data-status="active"]依赖data-status，但标签写成<div class="card">，样式彻底不生效； -
表单控件行为异常：
<input required>缺required，提交时不再校验必填；<textarea maxlength="200">缺maxlength，字数限制消失。
如何快速发现属性缺失
- 在 Chrome / Edge 的 Elements 面板中，逐个展开标签，看关键属性（
id、class、src、href、alt、value、data-*）是否真实存在； - 开启 DevTools 的 Verbose 日志级别（Settings → Console → Log level → Verbose），部分缺失会触发
HTML validation warning提示； - 使用 W3C Markup Validator 在线校验：它会明确指出
Attribute alt is missing from img element这类问题，比肉眼检查准得多； - VS Code 中启用 HTMLHint 插件，配置
"html-validate.attributes": true，写<img>时就提示 “Required attribute 'alt' is missing”。
本质上，浏览器的容错只针对语法结构（如未闭合标签、错位嵌套），从不干预语义完整性。属性缺失不是语法错误，而是逻辑断点——它不阻止页面显示，却悄悄切断功能链。
立即学习“前端免费学习笔记（深入）”；
