2020-04-20 11:17发布
前端页面构成的三层即结构层、表示层、行为层。
结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。
HTML 用来定义网页的内容，例如标题、正文、图像等；
表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。
CSS 用来控制网页的外观，例如颜色、字体、背景等；
行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。
JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。
不过，在这三种技术之间存在着一些潜在的重叠区域，如：DOM 技术可以用来改变网页的结构。在 CSS 身上也可以找到这种技术相互重叠的例子。诸如 :hover 和 :focus 之类的预定义符号（伪 class 属性） 使我们可以根据用户触发事件来改变呈现效果。改变元素的呈现效果当然是表示层的“势力范围”，但对用户触发事件做出反应却是行为层的领地。表示层和行为层 的这种重叠形成了一个灰色地带。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 我是小白 的问题《前端页面有哪三层构成，分别是什么?作用是什么?》','http://www.shouhuola.com/answer/6569/141591.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
前端页面构成的三层即结构层、表示层、行为层。
结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。
HTML 用来定义网页的内容，例如标题、正文、图像等；
表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。
CSS 用来控制网页的外观，例如颜色、字体、背景等；
行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。
JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。
不过，在这三种技术之间存在着一些潜在的重叠区域，如：DOM 技术可以用来改变网页的结构。在 CSS 身上也可以找到这种技术相互重叠的例子。诸如 :hover 和 :focus 之类的预定义符号（伪 class 属性） 使我们可以根据用户触发事件来改变呈现效果。改变元素的呈现效果当然是表示层的“势力范围”，但对用户触发事件做出反应却是行为层的领地。表示层和行为层 的这种重叠形成了一个灰色地带。
一周热门 更多>