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

(0)

相关推荐