摘要:前端三层内容层结构层样式层表现层行为层层语言含义结构层由或之类的标记语言负责创建。行为层负责回答内容应该如何对事件做出反应这一问题。这是语言和主宰的领域。
前端三层:内容层(结构层)HTML、样式层(表现层)CSS、行为层JavaScript
层 | 语言 | 含义 |
结构层 | HTML | 由 HTML 或 XHTML之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息。例如,P标签表达了这样一种语义:“这是一个文本段。” |
表示层 | CSS | 由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。 |
行为层 | JavaScript | 负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。 |
<html> <head> <title>网页标题title> head> <body> 网页主体内容,给用户看的。 body> html>
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/1119.html
摘要:中的标签元素可以分为三种不同的类型块状元素内联元素和内联块状元素。常用的块状元素有等内联元素与块状元素相对应,具有如下特点和其他内联元素都在一行上元素的高度宽度行高及顶部和底部边距不可设置元素不能设置高度,宽度就是它包含的文字或图片的宽度。 HTML 中的标签元素可以分为三种不同的类型:块状元素、内联元素和内联块状元素。 块状元素的特点有: 1、独占一行。每个块级元素都从新的一行开始,...
摘要:实现的效果如下界面可能不是太好看,考虑到容器的高度会被拉长,因此没有用图片做背景。 实现的效果如下: showImg(https://segmentfault.com/img/remote/1460000011155402); 界面可能不是太好看?,考虑到容器的高度会被拉长,因此没有用图片做背景。 预览 便利贴 涉及的知识点 sass(css 预编译器) webpack(自动化构...
摘要:升级的区别与的断层式升级不同,延续了自己的风格。在命名方式和上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人项目的一些经验之谈,并非系统性的阐述。总目录前端经验收集器转载自个人建了前端学习群,旨在一起学习前端。 升级的区别 与angular的断层式升级不同,vue延续了自己的风格。在命名方式和API上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人...
摘要:前端页面渲染机制笔记浏览器基础结构用户界面用户所看到及与之交互的功能组件,如地址栏返回前进按钮浏览器引擎用户界面和呈现引擎之间传递指令渲染引擎呈现引擎负责解析用户请求的内容网络负责处理网络相关的事物后端负责绘制提示框等浏览器组件,底层使用 前端页面渲染机制-笔记 浏览器基础结构 1.用户界面(user interface):用户所看到及与之交互的功能组件,如地址栏、返回、前进按钮 2...
阅读 736·2023-04-25 19:43
阅读 3981·2021-11-30 14:52
阅读 3807·2021-11-30 14:52
阅读 3871·2021-11-29 11:00
阅读 3802·2021-11-29 11:00
阅读 3904·2021-11-29 11:00
阅读 3580·2021-11-29 11:00
阅读 6183·2021-11-29 11:00