本篇展示框架的代码结构及解释各部分的核心接口，方便开发者更好的理解 etaf 源码。

etaf 的代码结构如下：

etaf-etml.el将用户定义的 etml 结构解析为 DOM

etaf-ecss.el将用户定义的 ecss 结构解析为 CSSOM

tests测试用例

etaf-tests-etml.el

etaf-tests-ecss.el

etml 用来表达 etaf 组件的结构

(div :class "p-2 mx-auto"
     (h2 "ETML 测试")
     (p "happy hacking emacs ~")
     (div :class "flex items-center justify-between"
          )
     )

ecss 用来表达 etaf 组件的样式

• DOM 结构指的是 emacs 内置的 dom.el 使用的列表结构，详见 4.基础设施/dom.md。
• CSSOM 是一个只包含 ecss 样式的精简 DOM 结构。