当前位置：首页 > 资讯 > 系统环境

615，web前端开发(面试点：HTML、 CSS、 JavaScript三者的关系？HTML —— 结构，决定网页的结构和内容（ “是什么”） CSS —— 表现（样式），设...

时间：2025-10-24 18:52 作者：来源：阅读：6
扫一扫，手机访问

摘要：HTML、 CSS、 JavaScript三者的关系 1，HTML、 CSS、 JavaScript三者的关系网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior） HTML —— 结构，决定网页的结构和内容（ “是什么”） CSS —— 表现（样式），设定网页的表现样式（ “

HTML、 CSS、 JavaScript三者的关系

1，HTML、 CSS、 JavaScript三者的关系

网页主要由三部分组成： 结构（ Structure） 、 表现（ Presentation） 和行为（ Behavior）

HTML —— 结构， 决定网页的结构和内容（ “是什么”）

CSS —— 表现（ 样式） ， 设定网页的表现样式（ “什么样子”）

JavaScript（ JS） —— 行为， 控制网页的行为（ “做什么”）

怎么把这三者联系在一起呢，当然得通过网页HTML,HTML是一直描述语言，它是对着浏览器描述自己的，那么它一般怎么描述具体的这个网页呢？

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
        <script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<p>段落</p>
</body>
</html>

这是一个最简单的HTML文档，遵循W3C标准XHTML1.0过渡版本规范（文件类型声明），采用的编码是utf-8,标题是“网页标题”，描述我的模样的样式表是我同目录的mycss.css文件，与我有关的javascript代码在我同级的myks.js文件中，我的内容有一个段落，段落的内容是“段落”。

2，HTML、CSS、JavaScript发展

HTML的版本：
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
html 5
html 5
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改善）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准[4]

CSS的版本（Level）
1996年W3C正式推出了CSS1；
1998年W3C正式推出了CSS2；
CSS2.1是W3C目前正在推荐使用的；
CSS3目前还处于开发中。

在 Web前端开发中，JavaScript一种直译式脚本语言，它的解释器被称为JavaScript引擎，是浏览器的一部分，JavaScript的历史思路：

1，借鉴C语言的基本语法；

2，借鉴Java语言的数据类型和内存管理；

3，借鉴Scheme语言，将函数提升到"第一等公民"（first class）的地位；

4，借鉴Self语言，使用基于原型（prototype）的继承机制。

所以，Javascript语言实际上是两种语言风格的混合产物，一个完整的 JavaScript 实现应由三个部分组成：核心（ECMAScript），文档对象模型（DOM），浏览器对象模型（BOM），在 Web前端开发中，后端有许多编程语言如python,java，c++等可以选择，但前端只有 JavaScript，JavaScript是所有浏览器唯一都支持的编程语言。

Node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度超级快，性能超级好。

React.js

React 是一个用于构建用户界面的 JAVASCRIPT 库。
React 主要用于构建UI，许多人认为 React 是 MVC 中的 V（视图）。
React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。
React 拥有较高的性能，代码逻辑超级简单，越来越多的人已开始关注和使用它。