HTML、CSS、JS的发展进程
@(示例图表)[代码实例|语言风格|版本更新|帮助]
- HTML: 超文本标记语言，英文名称为Hyper Text Markup Language。
- CSS: 层叠样式表,英文名称为CascadingStyle Sheets,也称作级联样式表
- JS: 中文名称为爪哇脚本，英文名称为JavaScript，是一种直译脚本语言。
目录
1. HTML腾空问世
1.1 基本认识
HTML 是 网页内容的载体。 其中内容包括如何让客户浏览网页的信息。比如文字 （字体的颜色、大小等）如何处理，图片 如何展示，视频如何安排等。HTML之所以被称为 超文本语言 是因为它具有一个“超级链接点”—URL指针，通过激活它，用户就可以浏览各种各样的网页。所谓的URL(Uniform Resource Locator)就是统一资源定位符,是互联网上标准的资源的地址它一方面依靠 模式/协议实现告知浏览器如何处理将要打开的文件的功能。HTML常用的模式是超文本传输协议(Hypertext Transfer Protocol，缩写为HTTP)，另一方面是通过访问 服务器名称（或IP地址）、路径和文件名 的手段来实现从互联网上获取资源的位置和访问方法的功能。
1.2 历史进程
自从1998年6月第一版HTML腾空问世后，随着互联网的飞速发展，人们的需求日益膨胀，HTML也在顺应时代的潮流不断的更新换代着，下表为HTML不同时期的各种升级版本。
| 名称 | 时间 | 来源 |
|---|---|---|
| HTML 2.0 | 1995年11月 | RFC 1866发布,但是于2000年6月RFC 2854宣布过时 |
| HTML 3.2 | 1997年1月14日 | W3C推荐标准 |
| HTML 4.0 | 1997年12月18日 | W3C推荐标准 |
| HTML 4.01 | 1999年12月24日 | W3C推荐标准,相对与HTML 4.0做了一些微小改进 |
| HTML 5 | 2014年10月29日 | 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成1。 |
1.3 代码规范
下面是html的代码实例图示，其中包含简单的html的语法、书写代码的风格、和HTML代码的结构。
1.4 HTML自学流程
学习HTML的资源和方法有很多，要想把它学好，必须找到适合自己的方法。所谓学习有法，学无定法，贵在得法。下面是我总结的一些线上学习W3C School流程，希望对大家有帮助。
2. CSS应运而生
2.1 基本认识
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 —-维基百科
CSS是建立在随着客户需求的不断增加，HTML的功能也不断增加，就使得HTML变得非常的臃肿，而且HTML从诞生到现在都是包括很少的显示属性，所以这时以 层叠 为优势的CSS应运而生。
2.2 发展进程
| 人物 | 时间 | 事件 |
|---|---|---|
| 哈坤·利 | 1994年 | 提出了CSS的最初建议。和当时正在设计Argo浏览器的伯特·波斯(Bert Bos)一起涉及CSS,哈坤在芝加哥会议提出设计CSS的建议 |
| 博斯 | 1995 | 1995年的www网络会议上CSS又一次被提出，博斯演示了Argo浏览器支持CSS的例子，哈肯也展示了支持CSS的Arena浏览器。 |
| W3c | 1995 | W3C组织(World WideWeb Consortium)成立，CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标准，层叠样式表的开发终于走上正轨。 |
| W3c | 1996年底 | CSS初稿已经完成 |
| W3c | 1996年12月 | 层叠样式表的第一份正式标准(Cascading style Sheets Level 1)完成，成为w3c的推荐标准2。 |
2.3 代码规范
同样的，CSS作为web技术的有一门语言，拥有这属于自己的一套语法规则，但是大多与HTML类似，不过它实现的功能折确定网页中各种标签的属性。下图为CSS代码示例和运行结果。
2.4 语言特点
可以说 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。这些都是网页内容的一些外在表现。但也有属于自己的一些独特的特点。
1. 丰富的样式定义
- 丰富的文档样式外观；
- 设置文本和背景属性；
- 改变文本大小写，修饰方式。
2. 易于使用和修改
- 存放在HTML进行统一管理
3. 多页面使用
4. 层叠
- 层叠就是对同一元素多次设置同一个样式，这将使用最后一次设置的属性值。
5. 页面压缩
3. JavaScript崛地而起
3.1 JS初步了解
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
JavaScript是为了 实现网页的动态特效效果 ，有动画的，有交互的一般都是用JavaScript来实现的。
3.2 历史进程
HTML 和 CSS 在不断更新换代时，JS更是不甘落后。下表为JS的各种升级版本。
| 版本 | 时间 | 来源 |
|---|---|---|
| JavaScript | 1995年12月 | 太阳公司(sum)和网景通讯公司一起引入 |
| JScript | 1996年3月 | 微软将js应用于IE 3.0 |
| ECMAScript | 1997年6月 | 欧洲计算机制造商采纳ECMA-262，命名为ECMAScript |
| E4X | 2004年 | ECMA-357被欧洲计算机制造商采纳，命名为E4X3 |
3.3 代码风格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p>设置参数的默认值。</p>
<p id="demo"></p>
<script>
function myFunction(x, y) {
if (y === undefined) {
y = 0;
}
return x * y;
}
document.getElementById("demo").innerHTML = myFunction(4);
</script>
</body>
</html>print 'Hello world'4. 总结
不管HTML、CSS、JS的更新换代多快，它的本质还是没有变的，所谓万变不离其宗。我们学习好它们的各种语法，还有它们的各种模式，掌握web的技术都是非常重要的。所以了解完它们的来源后，我们接下来的时间就要学习它们的本质啦！