html文本标签无“隐藏属性”，仅继承公开的全局属性；最常用7个是id、class、data-*、hidden、tabindex、lang、title，需遵守命名、语义及行为约束。
HTML文本标签根本没有“隐藏属性”
所有 HTML 文本标签（如 <p></p>、<h1></h1>、<strong></strong>、<em></em>、<span></span> 等）本身不带任何专有属性，更不存在所谓“隐藏属性”。它们只继承 HTML 的全局属性（Global Attributes），而这些属性全部是公开、可查、可显式书写的。
所谓“隐藏”常源于两种误解：
- 把过时的废弃属性（如
align、bgcolor）当成隐性行为——这些在 HTML5 中已**被移除语义支持**，仅靠浏览器兼容性勉强渲染，不应依赖 - 把 CSS 渲染效果（如
<h1></h1>默认加粗+大号）误认为是标签自带“属性”——实际是浏览器默认样式表（user agent stylesheet）所致，不是 HTML 层面的属性
哪些全局属性最常用于文本标签？
真正能写在任意文本标签上的，只有以下 7 个高频全局属性（按实用度排序）：
-
id：用于 JS 定位（document.getElementById()）或锚点跳转（#intro），一个页面内必须唯一 -
class：绑定 CSS 类名或 JS 查询（document.querySelectorAll('.highlight')），允许多值空格分隔 -
data-*：自定义数据，如data-source="user-input"，JS 通过element.dataset.source读取 -
hidden：布尔属性，设为hidden或hidden=""即等效于display: none，DOM 仍在但不可见 -
tabindex：控制键盘焦点，tabindex="0"让非交互元素可聚焦，tabindex="-1"仅支持 JS 聚焦（如el.focus()） -
lang：声明局部语言，如<span lang="ja">こんにちは</span>，影响语音合成、拼写检查 -
title：鼠标悬停提示，但无障碍支持差，**不能替代alt或 ARIA 标签**
为什么不要用 role 或 aria-* 修饰纯文本标签？
给 <p></p> 或 <span></span> 加 role="button" 或 aria-label 是危险操作，原因很直接：
- 破坏原生语义：屏幕阅读器会忽略
<p></p>的段落含义，转而按你伪造的 role 解读，导致上下文断裂 - 不解决交互问题：加了
role="button"不等于它能响应点击，你还得手动加tabindex、键盘事件监听、CSS :focus 样式——成本远高于直接用<button></button> -
aria-*属性只应在语义缺失且无法更换标签时兜底（例如用<div> 模拟菜单），而文本标签本身语义完整<h3>容易被忽略的关键细节</h3> <p>全局属性不是“写了就生效”，有几个硬约束常被跳过：</p> <ul> <li> <code>id值不能以数字开头（id="1section"❌），也不能含空格或特殊符号（id="my section"❌） -
data-*属性名中短横线会自动转为驼峰（data-user-id="123"→ JS 读作dataset.userId） -
hidden和display: none行为一致，但前者是 HTML 层控制，后者是 CSS 层；若同时存在，hidden优先级更高 -
lang必须用合法 BCP 47 标签（如zh-CN、en-US），lang="ch"或lang="cn"无效
