HTML、 CSS、 JavaScript三者的关系

新用户0737lLOa 2021-01-09

展开全文

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是所有浏览器唯一都支持的编程语言。