前端页面有哪三层构成？分别有什么作用？

前端页面由三层构成，分别是：

1. 结构层 (HTML): HTML (HyperText Markup Language) 构建网页的结构和内容。它像建筑的框架，定义了页面中各个部分的含义和层次关系，例如标题、段落、列表、图片、链接等等。 HTML 使用标签来标记内容，例如 <p> 表示段落，<h1> 表示一级标题，<img> 表示图片等等。

2. 表现层 (CSS): CSS (Cascading Style Sheets) 用于控制网页的外观和样式，就像室内装修，负责网页的布局、颜色、字体、大小、动画效果等等。 CSS 通过选择器来定位 HTML 元素，并为其设置样式属性，例如 color 用于设置文本颜色，font-size 用于设置字体大小，display 用于控制元素的显示方式等等。

3. 行为层 (JavaScript): JavaScript 用于实现网页的交互和动态效果，就像建筑的电力系统，负责处理用户操作、动态更新内容、与服务器通信等等。 JavaScript 可以响应用户的点击、鼠标悬停、表单提交等事件，并执行相应的操作，例如弹出对话框、验证表单输入、发送 AJAX 请求等等。

简单来说：

• HTML 决定网页的内容是什么。
• CSS 决定网页看起来是什么样子。
• JavaScript 决定网页如何与用户互动。

这三层协同工作，共同构成了完整的用户界面和用户体验。