前端页面有那三层构成？作用是什么？
分成：结构层、表示层、行为层。
由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义："这是一个文本段。"
表示层（presentation layer）
由 CSS 负责创建。CSS 对"如何显示有关内容"的问题做出了回答。
行为层（behavior layer）
负责回答"内容应该如何对事件做出反应"这一问题。这是 Javascript 语言和 DOM 主宰的领域。
补充
补充：结构 / 表示 / 行为三层分离是前端工程化的根基，它让代码可维护、可复用、可协作。
各层职责
| 层次 | 技术 | 关注点 |
|---|---|---|
| 结构层 | HTML / XHTML | 内容与语义 |
| 表示层 | CSS | 视觉表现 |
| 行为层 | JavaScript / DOM | 交互与动态行为 |
一句话原则
- HTML 只管"是什么"
- CSS 只管"长什么样"
- JS 只管"能动什么"
来源整理自：我的有道云笔记
