第 2 章 · RML 标记语言

> **本章目标**：完整掌握 `.rml` 文件的全部语法，包括标签映射、属性系统、指令系统、插值表达式。读完本章，你能写出任何静态结构 + 动态绑定的 UI。

章节大纲

| 小节 | 主题 | 阅读时长 | | ------------------------------------------------------------- | ----------------- | ------ | | [2.1 语法哲学](./syntax-philosophy.md) | HTML 优先、增强属性、零前缀 | 5 分钟 | | [2.2 标签与控件映射](./tags-mapping.md) | HTML 标签到 GPUI 元素 | 8 分钟 | | [2.3 属性系统](./attributes.md) | 标准/绑定/事件/指令四类属性 | 12 分钟 | | [2.4 指令系统](./directives.md) | if/each/model 等 10 个指令 | 20 分钟 | | [2.5 插值表达式](./interpolation.md) | `{ }` 的语法与边界 | 8 分钟 | | [2.6 完整示例：Todo 应用](./complete-example.md) | 串起本章所有语法点 | 10 分钟 |

阅读建议

- **如果你想快速查阅**：直接看 [2.4 指令系统](./directives.md)，这是 RML 区别于 HTML 的核心。 - **如果你想系统学习**：按顺序读完六节。 - **如果你只想看完整示例**：跳到 [2.6 完整示例](./complete-example.md)。

本章核心

RML 语法可以浓缩为一句话：**HTML 标签 + HTML 属性 + `{ }` 插值 + 极简指令**。其中：

- HTML 标签和属性让你**零学习成本**读懂结构 - `{ }` 插值让你**声明式**地把 ViewModel 数据嵌入 UI - 极简指令（`if`、`each`、`show` 等）让你**无前缀**地表达条件、循环、显示控制

下一节 → [2.1 语法哲学](./syntax-philosophy.md)