前端页面有哪三层构成，分别是什么?作用是什么?

最新推荐文章于 2022-04-29 11:06:08 发布
最新推荐文章于 2022-04-29 11:06:08 发布
阅读量4k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43141894/article/details/82468896
版权

结构层 Html 表示层 CSS 行为层 js

夜眸凉
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动端web某马机构前端内部面试题，es，js
02-21
web某马机构前端内部面试题，内部分包含了前端中的移动端，html5，css5，javascript、es6，7、vue、react、vue、node的高频经典面试题，文件内分为5个md文件，分别包括了移动端，dom，bom、es、ajax、node、vue的高频面试题 前端页面有哪三层构成，分别是什么？作用是什么？主流的浏览器分别是什么内核？什么是深拷贝什么是浅拷贝？对闭包的理解？并能举出闭包的例子。什么是原型和原型链。es6-es10新增常用方法？怎么理解函数的防抖和节流？异步函数有哪些？怎么理解面向对象？真数组和伪数组的区别？数组如何进行降维（扁平化）？怎么理解mvvm这种设计模式？v-if和v-show的区别，使用场景区别、组件中的data为什么是函数,new Vue 实例里，data 可以直接是一个对象computed和watch的区别是什么怎么理解vue中的虚拟DOM怎么理解vue的生命周期vue 钩子函数有哪些，有哪些使用的场景Vue 的父组件和子组件生命周期钩子函数执行顺序$nextTick是什么？原理是什么谈谈你对 keep-alive 的了解Vue模版编译原理知道吗
Clinic-Management-System-ASP.NET:A‍:medical_symbol:基于ASP.NET，C＃的三层体系结构和功能齐全的README.md文件构成的功能齐全的诊所管理系统
05-27
:medical_symbol:‍:medical_symbol: 诊所管理系统-使用C＃，ASP.net制作 第四学期的全功能诊所管理系统，具有精心设计的数据库架构，是“数据库系统CS203”课程的最终项目。 它基于三层体系结构。 使用的技术： 对于前端：HTML，CSS，BootStrap，JavaScript 对于后端：C＃，ASP.NET 对于数据库：SQL 先决条件： 界面 页面的一些屏幕截图。 注册页面 预约 目前的约会 搜索人员 实现的功能： 我们的项目围绕三大类用户进行。 下面列出了每个类别的特征 1.患者： 1.患者之家–患者可以查看其个人资料 2.当前约会–患者可以查看他是否有待定或批准的医生约会 3.账单历史记录–患者可以查看已完成约会的账单历史记录 4.治疗历史记录–患者可以查看已完成预约的治疗历史记录 5.预约–患者可以查看所有部门，然后可以选择一个部门。 然后显示那个部门的医生。 然后，患者选择
程序员面试刷题的书哪个好-Front-end-Interview:前端面试
07-07
程序员面试刷题的书哪个好 前端面试题总结 列表 web理论 各大浏览器的内核分别是什么 IE: trident内核 Firefox：gecko内核 Safari：webkit内核 Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome：Blink(基于webkit，Google与Opera Software共同开发) 介绍一下你对浏览器内核的理解？ 主要分成两部分：渲染引擎和JS引擎。 渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 JS引擎：解析和执行javascript来实现网页的动态效果。 最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。 前端页面有哪三层构成，分别是什么？作用是什么？ 1)结构层：由 HTML 或 XHTML 之类的标
05-大事件和node阶段某马机构前端内部面试题.md
02-21
web某马机构前端内部面试题，内部分包含了前端中的移动端，html5，css5，javascript、es6，7、vue、react、vue、node的高频经典面试题，文件内分为5个md文件，分别包括了移动端，dom，bom、es、ajax、node、vue的高频面试题 前端页面有哪三层构成，分别是什么？作用是什么？主流的浏览器分别是什么内核？什么是深拷贝什么是浅拷贝？对闭包的理解？并能举出闭包的例子。什么是原型和原型链。es6-es10新增常用方法？怎么理解函数的防抖和节流？异步函数有哪些？怎么理解面向对象？真数组和伪数组的区别？数组如何进行降维（扁平化）？怎么理解mvvm这种设计模式？v-if和v-show的区别，使用场景区别、组件中的data为什么是函数,new Vue 实例里，data 可以直接是一个对象computed和watch的区别是什么怎么理解vue中的虚拟DOM怎么理解vue的生命周期vue 钩子函数有哪些，有哪些使用的场景Vue 的父组件和子组件生命周期钩子函数执行顺序$nextTick是什么？原理是什么谈谈你对 keep-alive 的了解Vue模版编译原理知道吗
前端页面由哪三层构成，分别是什么？作用是什么？
qq_41060214的博客
10-12 1万+
前端页面由一下三层构成： 一、网页的结构层(structural layer) 由HTML或XHTML之类的标记语言负责创建。 标记语言也就是指网页的标签，标签只对网页内容的语义和含义做出描述，不包含任何关于如何显示内容的信息。 二、网页的**表示层(resentation layer)**由CSS负责创建。 作用是对内容如何显示做一定的控制。 三、网页的**行为层(behavior l...
前端页面由那三层构成，分别是什么，作用是什么
liuhongboke的博客
04-09 931
网页分成三个层次，即：结构层、表示层、行为层 在web前端页面中HTML属于结构层，负责描绘出内容的结构，CSS属于表示层，负责“如何显示有关内容”，JavaScript属于行为层，负责“内容应如何对事件做出反应，这是 Javascript 语言和 DOM 主宰的领域。”。 ...
前端页面有哪三层构成，分别是什么？作用是什么?
didadidadidadid的博客
12-28 355
a.结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面”内容是什么”的问题。 b.表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。 c.行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。 ...
什么是前端，后端？？？什么是后台？？？
热门推荐
爱美食的Geek
05-13 1万+
序言： 相信很多刚刚接触web开发不久，或者是对于web开发没有一个粗略认知的朋友们，有时候会被这样的一个问题迷惑：什么是前端，后端？？？什么是后台？？？ 也许一开始听别人介绍这些概念，或者从书上，或者从视频上了解了相关概念，但是还是摸棱两可。 UI：（user interface)UI主要指界面的样式 前端：用来控制样式 后端：用来控制样式背后的功能 后台：相当于一个管理系统 我们拿百度这个网...
前端页面有哪三层构成，分别是什么？作用是什么？
weixin_34268310的博客
12-18 1511
有许多 web 设计师都有为纸质印刷品设计版面的经验。事实上，设计网站时，把网页当做纸质印刷品来对待是最容易想到的思想，除了把白纸换成了屏幕，其他做法没什么两 样。这种做法注定会失败。 Web 是一种不同的媒体。在设计纸质印刷品是时，必须把原始内容和版面设计交织在一起才能看到最终的印刷效果，但在设计网页时，只有将其分离开来才能获得最佳的 结果。 最准确的网页设计思路是把网页分成三个层次，即：...
2021-01-04
weixin_50390610的博客
01-04 138
前端页面有哪三层构成，分别是什么？作用是什么? a. 结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面”内 容是什么”的问题。 b. 表示层：由 CSS 负责创建，解决了页面“如何显示内容”的问题。 c. 行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。 ...
20个CSS3动画实战案例开发
06-18
大喵将手把手带着大家上手精选20个纯CSS3动画项目精选案例项目实战，让小伙伴们能够轻松上手，企业公司项目开发过程中遇到的页面动画交互效果需求实现，以及一些更加炫酷创意动画想法的实现，成为一名酷酷哒前端开发...
前端页面有那三层构成，分别是什么？作用是什么？
我的小屋的博客
11-12 4319
结构、表现和行为。其中结构主要是有HTML标签组成。 结构即在页面body里面我们写入的标签都是为了页面的结构。 表现即指css样式表，通过css可以是页面的结构标签更具美感。 行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，主要是有js组成。
学习笔记-前端开发架构设计
qq_27565603的博客
04-29 3017
前端开发的技术选项主要包含以下几点，下面对一些名词概念的解释做了笔记： 1、分层架构：把功能相似，抽象级别相近的实现进行分层隔离 优势：松散耦合（易维护，易复用，易扩展） 常见分层方式：MVC，MVVM 2、模块化：解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程 意义：解耦，可并行开发 模块化方案：AMD，CMD，CommonJS，ES6 3、模块：模块其实本质上就是一个JS文件，该文件实现了一定的功能，并在隐藏自己内部实现的情况下，提供了一些接口给其他模块使用。任何一个正常的模块化标准，都
前端面试题（7）前端页面由哪三层构成，分别是什么，作用是什么
weixin_30371469的博客
11-01 440
Html (结构) : 超文本标记语言,由 HTML 或 xhtml之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。” Css (表现) :层叠样式表, 由css负责创建。css对“如何显示有关内容”的问题做出了回答。 Js (行为) :客户端...
前端页面的三层构成
stone10086的博客
07-01 742
构成：结构层、表示层、行为层。结构层（structural layer）：由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”表示层（presentation layer）：由 CSS 负责创建。 CSS对“如何显示有关内容”的问题
前端页面由哪三部分组成
cskiss2012的博客
11-30 1万+
结构层：由html或XHTML的标记语言负责创建。标签，就是那些出现在尖括号里的单词，对网页内容的语义含义 做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，p标签表达了这样一种语义：“这是 一个文本段”。   表示层：由CSS负责创建。CSS对“如何显示有关内容”的问题做出了回答。   行为层：负责回答“内容应该如何对事件做出反应”这一问题。这是Jav
前端面试题——4.前端页面由哪三层组成？作用分别是什么？
qq1722377628的博客
10-11 488
网页结构层：由HTML之类的标记语言去表示展示什么 网页表示层：由CSS去负责如何展示 网页行为层：由JS去负责网页动作行为反应
前端页面有哪三层构成,分别是什么?作用是什么?
最新发布
06-01
### 回答1： 前端页面通常由三层构成，分别是结构层、样式层和行为层。 结构层：用HTML语言描述页面的结构，包括页面的标题、段落、图片、链接等。它的作用是为页面提供基本的结构框架，使页面具有良好的可读性和可访问性。 样式层：用CSS语言描述页面的样式，包括页面的颜色、字体、布局等。它的作用是为页面提供美观的外观和良好的用户体验。 行为层：用JavaScript语言描述页面的交互行为，包括页面的动态效果、表单验证、数据交互等。它的作用是为页面提供丰富的交互功能，使用户能够更加方便地使用页面。 ### 回答2： 前端页面通常由三层构成，分别是结构层、样式层和行为层。 首先，结构层是页面的最底层，主要用于规划网页的整体结构和布局，用HTML（超文本标记语言）语言编写。其中的标记包括标题、段落、列表、表格等等，将页面分割成不同的区域以便于后续的CSS和JavaScript操作。结构层通常被搜索引擎和屏幕阅读器所解析，对于SEO（搜索引擎优化）和可访问性至关重要。 其次，样式层建立在结构层之上，负责描述页面外观的各种细节，如字体、颜色、内外边距、定位等等，用CSS（层叠样式表）语言编写。样式层可以大大改善页面的可读性和可视化效果，使页面更易于用户理解和使用。同时，它也可以提高页面的响应速度和减少带宽压力，因为它可以将所有视觉元素放在单独的CSS文件中，而不是嵌入HTML代码本身。 最后，行为层又称为交互层，用JavaScript语言编写，主要负责处理用户与页面之间的交互行为，例如按钮点击、用户输入和鼠标悬停等等。行为层可以动态地修改页面的内容和样式，增强用户体验，使网站更加动态和交互性。另外，行为层也可以对状态和数据进行处理，例如表单验证和AJAX技术，使网站更可靠和实用。 综上所述，三层构成的前端页面相互独立，但是又互相依存，每一层的作用都很重要，可以优化页面的性能和用户的体验，以及增强网站的可访问性和SEO效果。 ### 回答3： 前端页面通常由三层构成，分别是结构层、样式层和行为层。 结构层：结构层是页面最基础的组成部分，主要由HTML语言编写。它确定了网页的基础结构和布局，如标题、段落、连接、表格、列表、图像等。 样式层：样式层是用CSS语言编写的，主要负责页面的外观、样式和布局，如背景颜色、字体大小、字体样式、边框样式、宽度、高度等。样式层通过对结构层的选中和设置来实现页面的美化。 行为层：行为层主要是页面的交互部分，它是通过使用JavaScript语言实现的。行为层的主要作用是为网页添加动态功能，如按钮点击效果、鼠标的悬浮效果、表单提交验证、翻转动画、动态元素显示等。 这三层构成了前端页面的基本框架，它们共同协作，创造出了用户友好的、直观的页面。结构层负责呈现网页的内容、样式层负责呈现网页的外观和样式、行为层负责网页的交互与动态效果。不同的网站可以通过不同的方式实现页面三层，例如：使用HTML5、CSS3以及JavaScript等技术实现。因此，前端工程师必须掌握这些技能，并且使用性能优良的代码来创建出高效、美观、易于交互的前端页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值