62
庄引
网页设计思路把网页分成三个层次,即:结构层、表示层、行为层。
网页的结构层(structural layer)由 HTML 或 XHTML
之类的标记语言负责创建。标签就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含何关于如何显示有关内容的信息。例如
p 标签表达了这样一种语义:“这是一个文本段。”
网页表示层(presentation layer)由 CSS 负责创建。CSS 对“如何显示有关内容”的问题做出了回答。
网页行为层(behavior
layer)负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和 DOM 主宰的领域。
网页的表示层和行为层总是存在的,即使我们未明确地给出任何具体的指令也是如此。此时,Web浏览器将把它的默认样式和默认事件处理函数施加在网页的结构层上。例如,浏览器会在呈现“文本段”元素时留出页边距,有些浏览器会在用户把鼠标指针悬停在某个元素的上方时弹出一个显示着该元素的
title 属性值的提示框,等等。 分离在所有的产品设计活动中,选择最适用的工具去解决问题是最基本的原则。具体到网页设计工作。 使用
(X)HTML去搭建文档的结构。 使用 CSS 去设置文档的呈现效果。 使用DOM 脚本去实现文档的行为。
不过,在这三种技术之间存在着一些潜在的重叠区域,如:DOM技术可以用来改变网页的结构。在
CSS身上也可以找到这种技术相互重叠的例子。诸如 :hover 和 :focus
之类的预定义符号(伪class属性)使我们可以根据用户触发事件来改变呈现效果。改变元素的呈现效果当然是表示层的“势力范围”,但对用户触发事件做出反应却是行为层的领地。表示层和行为层的这种重叠形成了一个灰色地带。伪
class 属性是 CSS 正在深入 DOM 领地证据,但 DOM在这方面也不是毫无作为。我们完全可以利用 DOM
技术把样式信息施加在HTML
元素身上。分离的效果要做到即使去掉表示层和行为层,文档的内容也依然可以访问,因为“内容才是一切”。而且网页的行为层(javascript)
与其结构(XHTML)
是彼此互不干扰的,不能混杂在一起。还要给行为层“预留退路”,要考虑到如果你的用户禁用了Javascript会怎样?网页是否还可以正常运作。这些理论的东西是基本的思想,具体的大家要在不断的实践过程中去慢慢体会。总之,这三种技术就像是一个凳子的三条腿,要想成为一名技能全面的全栈Web
工程师,就必须熟练掌握这三种技术,并知道每种技术最适用于哪一类问题。
编辑于 2017-07-21 11:20:08
回复(6)
13
nealEcnu
有这种问题 这种问题是不是为了模仿MVC硬生生造出来的
发表于 2017-02-01 17:14:49
回复(1)
4
南风吹北巷201806282012218
html负责语义,css负责样式,js负责行为
发表于 2019-12-24 10:07:40
回复(0)
4
Alex..
结构层,即HTML实现页面结构;
表示层,即CSS实现页面表现与风格;
行为层,即JavaScript实现客户端功能与业务逻辑。
发表于 2017-06-05 20:50:27
回复(0)
3
谢在这
html:页面结构
css:页面样式
JavaScript:页面行为
发表于 2019-06-03 23:41:46
回复(0)
2
逸笛知雅意
构成:结构层,表现层,行为层 分别是:HTML,CSS,JavaScript 作用:HTML完成页面结构 CSS完成页面的表现和风格 JavaScript完成一些客户端的功能和行为
发表于 2018-03-15 08:15:53
回复(0)
1
牛客994516775号
结构层 表示层 行为层 html css js dom
发表于 2021-08-26 20:15:22
回复(0)
1
谢清溪
&结构层,样式层,行为层
html,css,js
发表于 2020-04-08 10:26:12
回复(0)
1
jdhveudbd
头部 身体
发表于 2019-11-29 07:20:17
回复(0)
1
snow1013
结构层表示层行为层
发表于 2019-11-18 22:12:17
回复(0)
1
littleZzz
结构层: html,实现页面结构 ,『决定页面结构是什么样子的』 表示层: css,负责页面内容的显示方法,『页面样式是什么样子的』 行为层: javascript实现,实现客户端的业务逻辑,『页面的功能和行为』
发表于 2019-10-18 09:50:32
回复(0)
1
找寻心灵的港湾©
结构层,HTML 表示层css 行为层JavaScript
Html实现页面结构
Css完成页面的表现
Js负责页面交互
编辑于 2019-09-20 17:42:49
回复(0)
1
---20190920091339
结构层html 表现层css 行为层js
发表于 2019-09-20 09:17:42
回复(0)
1
🎾🎾🎾🎾🎾20190128162777
构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。
发表于 2019-02-17 18:36:11
回复(0)
1
凡凡的女孩儿
构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:html实现页面结构,css完成页面的表现与风格,javascript实现一些客户端的功能与业务
发表于 2018-03-21 18:49:29
回复(0)
1
思想的芦苇
由结构层 表示层 和行为层构成 结构层用来构建页面基本骨架 表示层负责显示页面的样式,表现 行为层负责客户端交互的实现
发表于 2017-04-04 18:46:34
回复(0)
0
牛客136926196号
html结css表现javascript行为
编辑于 2022-08-18 05:42:10
回复(0)
0
小飞侠呼呼~
HTML、CSS、JavaScritpt
发表于 2022-07-03 23:55:47
回复(0)
0
牛客895137699号
结构层、表现层、行为层 HTML:表示页面的结构 CSS:页面的表现 JavaScript:客户端的功能及行为
发表于 2022-06-08 10:28:44
回复(0)
0
我是倒数第二
浏览器网页三层蛋糕 1.Html页面结构骨架(架子) 2.css页面填充层(修饰) 3.js页面交互,行为控制(交互)
发表于 2022-03-24 13:47:18
回复(0)