html全局属性是影响dom操作、可访问性与渲染的关键控制开关；id/class决定选择器行为，data-需规范命名且非双向绑定，tabindex/-1仅支持js聚焦，hidden/contenteditable为布尔属性，aria-不可违背原生语义。
HTML全局属性不是“能加就加”的装饰项，而是有明确行为边界、影响DOM操作、可访问性、渲染逻辑的控制开关——用错一个，document.getElementById()拿不到元素、dataset读不出值、屏幕阅读器跳过关键内容，都是真实发生的线上问题。
哪些全局属性真正触发运行时行为
MDN 定义的 27 个全局属性中，多数只是语法合法，但只有少数几个会直接影响浏览器行为：
-
id和class：JS 选择（getElementById、querySelector）和 CSS 匹配完全依赖它们；id 重复时getElementById只返回第一个，后续逻辑全崩 -
data-*：仅在 JS 中通过dataset读写有效，HTML/CSS 不解析；连字符自动转驼峰（data-user-id→dataset.userId），数字开头需方括号访问（dataset["2024Year"]） -
tabindex：值为0或正整数才参与 Tab 焦点流；-1仅支持 JS 聚焦（el.focus()），不进导航顺序 -
hidden和contenteditable：布尔属性，存在即生效；hidden="false"依然隐藏，contenteditable="off"无效，只能是"true"或"false"
class 和 id 的高频翻车点
这两个最常用，却最容易在动态渲染、模板拼接、多人协作中出问题：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 多个元素用了相同
id：JS 拿不到预期节点，CSS 选择器仍会命中全部，导致样式覆盖混乱 -
class值含空格却没引号：<div class="btn" primary> 实际只生效 <code>btn，primary被当作文本节点丢弃 - 动态拼接
class未去重：el.className += " active"多次执行后变成active active active，CSS 仍生效，但classList.contains("active")判断可能失败 - 服务端模板未转义：
class="{{ user.role }}"若user.role是"admin script"，会意外注入非法 class，甚至触发 XSS - 命名必须全小写 + 连字符：
data-userId、data_user_id、data-UserID全部无效；只有data-user-id才能被dataset.userId访问 -
dataset是只读快照：el.dataset.foo = "new"不会更新 DOM；必须用el.setAttribute('data-foo', 'new')才真正写入 - 存 JSON 必须手动序列化/解析：
el.setAttribute('data-config', JSON.stringify(obj))，读取时必须try/catch包裹JSON.parse() - 敏感数据（token、用户偏好）严禁走
data-*，XSS 风险极高；它只适合存静态、轻量、非敏感的上下文信息 -
title：鼠标悬停显示提示，但移动端 Safari 完全不支持，部分屏幕阅读器默认忽略；不能替代<label></label>或 ARIA -
lang：声明内容语言（如lang="zh-CN"），影响拼写检查、语音合成、搜索引擎语义识别；结构标签里漏掉它，SEO 和无障碍都打折扣 -
aria-*：不要随意覆盖原生语义；给<header></header>加aria-label="页脚"会误导屏幕阅读器，违背语义初衷 -
tabindex加在不可聚焦元素上（如<div>）必须设为 <code>0或正整数才有效；设为-1后无法用 Tab 进入，只能靠 JS 调用focus()真正难的不是记住有哪些属性，而是理解每个属性的“生效条件”和“失效边界”——比如
hidden存在即隐藏，dataset不是双向绑定，id重复时 JS 只认第一个。这些细节一旦忽略，调试时花半天也找不到原因。
data-* 属性的读写陷阱与边界
data-* 看似自由，但浏览器处理有隐式规则，稍不注意就取不到值：
title、lang、aria-* 这类“隐形属性”的真实影响
它们不改样式、不触发行内逻辑，但缺失或误用会直接导致具体问题：
