html全局属性是mdn明确定义的27个语义明确、浏览器统一实现的属性，如id、class、tabindex等；style和data-*虽广泛支持但不属于规范定义的全局属性。
HTML全局属性不是“所有标签都能用”的模糊说法，而是MDN明确定义、浏览器统一实现、语义和行为都有规范的一组27个属性；普通属性（如src、href、type）则只在特定元素上合法，用错会触发HTML验证警告甚至被浏览器忽略。
哪些属性真正算“全局属性”
截至2026年4月，MDN列出的全局属性共27个，包括id、class、tabindex、contenteditable、draggable、hidden、lang、title、spellcheck等。它们的特点是：
- 每个都定义了明确的语义（比如
hidden表示“不渲染且不参与可访问性树”，不是单纯CSSdisplay: none） - 所有HTML元素都支持，无需文档声明或polyfill
- 浏览器对它们的解析、暴露给DOM API、可访问性处理方式完全一致
而像style、data-*常被误认为全局属性，但严格来说：style是所有元素都支持的“标准属性”，未列入全局属性列表；data-*属于自定义数据属性机制，不参与全局语义体系，也不影响渲染或可访问性。
src、href这类属性为什么不算全局
这些是局部属性（element-specific attributes），只在语义匹配的元素上有效：
-
src只对<img>、<script></script>、<iframe></iframe>等有资源加载语义的元素有意义；写在<p></p>上，HTML解析器会静默忽略，DOM中查不到src属性 -
href只适用于<a></a>、<link>、<base>等导航/关联语义元素；加在<div>上不会触发任何跳转，也不会被<code>document.querySelector('[href]')捕获（除非你用getAttribute('href')强行读） - 局部属性缺失时，元素行为可能异常（如
<img>没src就不渲染图片），而全局属性缺失通常无副作用 -
id必须全页面唯一，重复会导致document.getElementById()只返回第一个匹配项，<a href="#section1"></a>锚点跳转失败 -
class允许重复，但多个值要用空格分隔（class="btn primary"），写成class="btn,primary"会被当做一个类名，CSS选择器.primary无法命中 - CSS中
#header优先级远高于.header，若误把id="header"写成class="header"，可能导致样式覆盖失控 - 可访问性工具依赖
id做aria-labelledby、for等关联，用class替代会切断语义链
混淆class和id会出什么问题
虽然二者同属全局属性，但约束和用途完全不同，混用直接导致功能失效：
真正容易被忽略的是：全局属性的“全局”二字，不是指“随便写都有效”，而是指“只要写了，浏览器就按同一套规则处理”。局部属性的有效性取决于上下文——写对地方才有意义，写错地方等于没写。
