Fe-interview: [软技能] 第110天 前端页面有哪三层构成？分别有什么作用？
第110天 前端页面有哪三层构成？分别有什么作用？
软技能
haizhilin2013
All 2 comments
三层即结构层、表示层、行为层。
结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。
表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。
行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。
不过，在这三种技术之间存在着一些潜在的重叠区域，如：DOM 技术可以用来改变网页的结构。在 CSS 身上也可以找到这种技术相互重叠的例子。诸如 :hover 和 :focus 之类的预定义符号（伪 class 属性） 使我们可以根据用户触发事件来改变呈现效果。改变元素的呈现效果当然是表示层的“势力范围”，但对用户触发事件做出反应却是行为层的领地。表示层和行为层 的这种重叠形成了一个灰色地带。
gyd1997
on 4 Aug 2019
👍7
结构层 - HTML
表示层 - CSS
行为层 - JavaScript
censek
on 21 Jan 2020
Was this page helpful?
0 / 5 - 0 ratings
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
三层即结构层、表示层、行为层。
结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。
表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。
行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。
不过，在这三种技术之间存在着一些潜在的重叠区域，如：DOM 技术可以用来改变网页的结构。在 CSS 身上也可以找到这种技术相互重叠的例子。诸如 :hover 和 :focus 之类的预定义符号（伪 class 属性） 使我们可以根据用户触发事件来改变呈现效果。改变元素的呈现效果当然是表示层的“势力范围”，但对用户触发事件做出反应却是行为层的领地。表示层和行为层 的这种重叠形成了一个灰色地带。