HTML全局属性不继承，仅lang和dir通过语义推断实现“继承”，影响文本方向与语言处理；data-*需手动透传；draggable、enterkeyhint等枚举属性仅作用于声明元素；hidden有display:none和content-visibility:hidden两种模式。
HTML 全局属性根本不继承，lang 和 dir 是特例
HTML 没有“属性继承”这回事——class、id、data-* 、aria-* 、tabindex 全都不往下传。你写在 <div data-id="123"><p>text</p></div> 里，<p> 的 dataset 是空的，查 p.dataset.id 得到 undefined。
唯一被 HTML 规范明确定义为“可继承”的全局属性只有两个：lang 和 dir。它们的继承不是 DOM 层级复制，而是语义推断：浏览器在渲染文本或语音合成时，会向上查找最近一个显式声明了 lang 的祖先元素（包括 <html>），并用它的值作为当前元素的语言上下文；dir 同理。这种“继承”只影响文本方向和语言相关行为，不改变 DOM 结构，也不触发样式或 JS 行为。
-
lang="zh-CN"写在<html>上，所有没显式设lang的后代文本都按中文处理 -
<div lang="en"><p>hello</p></div>→<p>的语言被推断为en -
<div lang="en"><p lang="ja">こんにちは</p></div>→<p>以自身lang="ja"为准，父级被覆盖
data-* 属性必须手动透传，别指望嵌套自动带过去
data-* 是纯存储容器，浏览器不做任何传播逻辑。你在顶层 <section data-user-id="456"> 上挂数据，子元素 <button> 或 <span> 不会自动获得这个值——JS 里调用 el.dataset.userId 一定返回 undefined，除非你显式写上 data-user-id。
常见错误是把所有 data- 堆在 wrapper div 上，然后在事件回调里直接读 event.target.dataset.userId，结果总为空。正确做法是：
立即学习“前端免费学习笔记（深入）”；
- 用
el.closest("[data-user-id]")向上查找最近带该属性的祖先 - 在初始化时用 JS 把父级
dataset显式赋给子元素（适合静态结构） - 框架中通过 props / context / store 传递，而非依赖 HTML 属性位置
注意命名转换规则：data-user-id → JS 中是 dataset.userId（连字符变驼峰，首字母小写），data-abc-def-ghi → dataset.abcDefGhi。
draggable 和 enterkeyhint 这类枚举属性只作用于声明元素本身
draggable="true" 只让当前元素可拖拽，它包裹的 <img>、<span> 不会因此获得拖拽能力；enterkeyhint="search" 只影响该 <input> 的虚拟键盘回车键图标，对它内部的伪元素或后代无意义。
这类属性的值是枚举型，且大多有默认行为（如 draggable 默认值是 auto，enterkeyhint 默认是 enter）。它们不参与任何层级传递，也不受 CSS 继承影响——哪怕你给父元素加了 style="draggable: true"，也完全无效，因为这不是 CSS 属性。
-
draggable="false"会禁用原生拖拽，但不影响 JS 实现的 drag logic -
enterkeyhint="done"在 iOS 键盘上显示“完成”，Android 可能忽略或映射为其他图标 - 没有浏览器会因为父元素设了
enterkeyhint，就让子<input>自动继承该提示
hidden 属性的两种模式与布局表现差异
hidden 看似简单，但有两个关键取值：hidden（空值或 hidden="hidden"）和 hidden="until-found"，它们的 DOM 行为完全不同。
hidden（无值或等价写法）等效于 display: none：元素不渲染、不占空间、不响应事件、无障碍树中移除。而 hidden="until-found" 是新规范引入的模式，等效于 content-visibility: hidden —— 元素仍参与布局（保留原有 margin/padding 占位），只是内容不可见，且会在首次被 IntersectionObserver 或焦点进入时自动取消隐藏。
- 嵌套时，
<div hidden><p>test</p></div>→ 整个<p>消失，不占空间 -
<div hidden="until-found"><p>test</p></div>→<p>不可见，但<div>的高度/边距照常计算 - 两者都不“继承”：子元素不能靠父级
hidden自动隐藏，必须自己声明
最容易被忽略的是 hidden="until-found" 的触发条件——它只响应滚动进入视口或键盘焦点到达，不会因父元素 visibility 变化或 CSS 动画而激活。
