HTML没有属性继承机制，仅lang和dir被规范定义为可继承；class、id、data-*等均不自动传递，所谓“继承”实为语义推断或JS模拟。
HTML 没有“属性继承”机制——这是个常见误解。属性不会像 CSS 那样从父元素自动传给子元素，class、id、lang 等都只作用于声明它的那个元素本身。
为什么有人觉得属性能“继承”
实际是语义或 DOM 操作带来的错觉：比如 lang="zh-CN" 写在 <html> 上，浏览器会用它做默认语言判定，但子标签的 lang 属性仍是空的；又比如用 JavaScript 批量读取 document.querySelectorAll("p") 时顺带拿到父级 data-* 属性，其实是手动遍历逻辑造成的假象。
lang 属性的实际作用范围
它只影响当前元素及其后代中未显式声明 lang 的文本渲染和语音合成（AT 工具），不改变 DOM 结构或触发样式继承：
-
<html lang="zh-CN"><p>你好</p></html>→<p>的语言被推断为 zh-CN -
<div lang="en"><p>hello</p></div>→<p>显式继承 div 的 lang 值（W3C 规定的“语言继承”，非 DOM 属性继承） -
<div lang="en"><p lang="ja">こんにちは</p></div>→<p>以自身lang="ja"为准，覆盖父级
哪些属性看似“可继承”，实则靠规范或 JS 模拟
真正被规范定义为“可继承”的只有 lang 和 dir（文字方向），其余全是误传：
立即学习“前端免费学习笔记（深入）”；
-
class和id：完全不传递，CSS 选择器.parent .child是匹配关系，不是继承 -
data-*：纯自定义存储，需 JS 显式向上查找（el.closest("[data-id]")） -
aria-*：部分（如aria-live）依赖父容器设置，但仍是独立属性，无障碍树中各自注册 - 省略闭合标签（如
<p>文本</p>可写成<p>文本）：是 HTML5 解析规则，不是属性行为
真正要统一的是声明位置和粒度：全局语言用 <html lang="...">，局部切换才加 lang 到具体元素；data- 属性别堆在顶层 div 上指望子孙自动获取——该传就用 dataset 或 props 显式透传。
