首页  >  文章  >  web前端  >  前端页面由哪三大层构成

前端页面由哪三大层构成

青灯夜游
青灯夜游原创
2021-10-28 14:02:428880浏览

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

前端页面由哪三大层构成

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

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

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

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

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

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

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

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

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

更多编程相关知识,请访问:编程学习!!

以上是前端页面由哪三大层构成的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn