这篇文章主要介绍“前端页面的三大层是什么”，在日常操作中，相信很多人在前端页面的三大层是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”前端页面的三大层是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

前端页面由“结构层”、“表示层”和“行为层”三大层构成。结构层为页面的骨架，由HTML创建，用于搭建文档的结构；表示层为页面的样式，由CSS创建，用于设置文档的呈现效果；行为层为页面的行为，由JavaScript创建，用于实现文档的行为。

本教程操作环境：windows7系统、CSS3&&HTML5&&javascript1.8.5版、Dell G3电脑。

前端页面构成的三层即结构层、表示层、行为层。

• 结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。

  HTML 用来定义网页的内容，例如标题、正文、图像等；
  

• 表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。

  CSS 用来控制网页的外观，例如颜色、字体、背景等；
  

• 行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。

  JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。
  

不过，在这三种技术之间存在着一些潜在的重叠区域，如：DOM 技术可以用来改变网页的结构。在 CSS 身上也可以找到这种技术相互重叠的例子。诸如 :hover 和 :focus 之类的预定义符号（伪 class 属性） 使我们可以根据用户触发事件来改变呈现效果。改变元素的呈现效果当然是表示层的“势力范围”，但对用户触发事件做出反应却是行为层的领地。表示层和行为层 的这种重叠形成了一个灰色地带。

到此，关于“前端页面的三大层是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注天达云网站，小编会继续努力为大家带来更多实用的文章！