第九章 这一点也不酷
我是一名前端工程师，之前待的公司基本上都是互联网性质的。相比于一些“传统行业”（好像也不太确切，时代发展的太迅速了，互联网现在也已经在变成所谓的“传统行业”），互联网公司，有着很鲜明的文化特征，其中最重要的我认为便是 用户思维 了。—— "以用户为中心，不断的去追求极致的用户体验，让用户爱上我们的产品。"
可以毫不夸张的说，用户思维 的文化为互联网行业的发展和欣欣向荣，立下了汗马功劳！
有意思的是，我发现在Web早期的技术发展中也蕴含着这点。它就像是一双“看不见的手”，发挥着积极重要的作用，不信我们来看看：
历史上第一个网页，可以追溯到1991年，蒂姆·伯纳斯·李在CERN发布了第一个网站 info.cern.ch，它的意义不言而喻。
但是不得不说看到的页面呀，那叫一个的“简陋”。就是一些黑色的文字，再配上几个蓝色字体的超链接……
好吧，这一点也不酷。
1. 显示图片
“我们在浏览器中看到的页面，能不能也和杂志或报纸的一样呢”？马克·安德森想象着，里面既有文字，又有优美的图片，并且按照一定的顺序排布着，那样感觉一定会很酷呢！要不怎么会有那么多的人都会去看报纸、杂志呢？……
马克是个说干就干的人，他绝不会只停留在空想层面。很快就在万维网聊天小组的留言板上提议，在HTML中添加一个“内嵌”图像的标签，允许图像直接编码到网页中。
对了，再此之前，我们来先认识一下HTML语言。
HTML 是 Hyper Text Markup Language的简称，也就是我们常说的 超文本标记语言,它是由 蒂姆·伯纳斯·李 和同事们在1990年创建的一个标记语言。不得不说，蒂姆对万维网的发展，那叫一个居功至伟。我了解到，后来蒂姆也因此受到了很多的荣誉，但他绝对是当之无愧。当我们编写Web上的某个页面时，都需要用到HTML语言，简单来说，它定义了页面的结构。
而HTML语言是怎么设计出来的呢？据蒂姆回忆道：
“HTML应当传输一个超文本文档的结构，而不是它的表现细节。这是能让它在各种不同的计算机屏幕和不同尺寸纸张上正常显示的唯一方法。因为我知道要推动整个世界使用一种新的全球信息系统将是很困难的，因此我想尽可能地吸引每个团体加入。有一个系列的标记语言，即标准通用标记语言（SGML）已经受到世界某些文档编制团体的偏爱，而且当时它被认为是超文本群体中唯一有潜力的文档标准。我把HTML开发成看上去像是该系列中的某个成员……”
简单来说，就是蒂姆已经决定使用超文本的格式来定义万维网上的文档，而超文本是在蒂姆之前就存在了的。作为一门新的语言，要想让更多的人使用，就不得不借一下力。而借的这个力，就是当时已经有很多人使用，并且已形成标准的SGML。所以蒂姆就借鉴SGML来设计HTML，像HTML的“标签”就是来源于SGML。当然了，HTML也对SGML做了一些适当的精简。结果证明，蒂姆的策略起作用了！不得不感慨一下：
好的技术 + 正确的策略 == （技术）成功普及
……
回到马克这边，很快Mosaic浏览器就可以显示图像了，它使得网页一下子变得有魅力了起来。我想这可能也是它一经推出就受欢迎的原因之一吧。
市场就是这样的，证明好的东西，很快就会有人跟进，和你搞一样的！结果大家的就都长的一样了……
这又不酷了！
2. 添加动效
截止到目前为止，我们看到的都是“一动不动”地页面，尽管现在已经变得很美观了。那么如果页面动起来后，是不是更能吸引人的眼球呢？答案是必然的。
又是咱们的马克同学带领的网景浏览器团队，带头想办法来解决。不愧是那个时代的创新者！
前面已经介绍过了，在开发网景导航者浏览器，2.0版本时，小组成员们就“改善目前浏览器的使用体验和吸引力”的问题，提出了开发一个新的浏览器脚本语言的方案……至于后来嘛，就出现了我们再也熟悉不过的 JavaScript.
所以，我们的页面现在就可以看到一些，比如：
- 跑马灯
- 倒计时
- 晃动的弹框
- 页面突然变个颜色
- ……
同时，还可以用来完成一些简单的数据格式校验，大大提高了用户等待响应的时间。要知道之前这些校验都是需要提交到服务端才能完成的，而当时的网速就别提了。我想以我们现在对页面响应速度的要求，可能不光是把键盘砸了，电脑估计都得给他大卸八块了吧。（开个玩笑哈，可能有些夸张）
我想当时的用户看到这样页面后的反应是，“哇，这和我之前看到的是不一样呢！这也太酷了吧。”
后来，微软推出了JScript，ECMA也发布了ECMAScript……
3. CSS
HTML刚出现时，会专门定义一些标签来表示元素的样式，比如早期的<font>标签。刚开始还没暴露出什么，但是随着后面的发展，新增的标签越来越多，此时再把表示样式的标签和表示页面结构的标签放在一起，就会使得HTML页面越来越乱、臃肿不堪。
这对开发人员来说，一点都不酷！
好吧，那我们就来改善一下吧。
在众多的解决方案中，CSS就脱引而出。CSS是英文 Cascading Style Sheets 的简称，我们称它为 层叠样式表
1994年时，最早由 哈坤·利 提出了CSS的建议，经过多年的努力，终于在1996年12月，完成了CSS的第一份正式的标准，它后来也成为了W3C的推荐标准。
有了CSS后，给我们带来了哪些便捷呢？
- 它定义的样式更加丰富
- 更易于使用和修改。它要么被放到一个单独的CSS文件中，或者是放到HTML中的<head>标签下。不管哪种方式，都把样式定义集中在了某一块。
- 样式可发生层叠，怎么理解呢？就是可以给某个元素作用多个样式，而如果是定义了多个相同的样式后，实际效果为最后定义的那个。这样就在一定程度上保证了某一元素的样式，不受不同浏览器的影响。
- ……
这样一来，的确是变酷了一些呢。
前端早期的“变酷”之路，的确是津津乐道！当然了，还有很多可供畅谈的，这里碍于篇幅有限，就不再一一列举了。
对“变酷”（或者理解为，更美好）的追求，将带领我们迈入下一个精彩的阶段。
