Behind Tetris5 – Basic

Tetris5是一个使用HTML5和JavaScript技术实现的俄罗斯方块游戏。俄罗斯方块是前苏联科学家阿列克谢·帕基特诺夫（Алексей Леонидович Пажитнов）在1984年6月发明的，具有数学性和动态性，是实现常见的游戏实现示例。HTML5是HTML下一个的主要修订版本，现在仍处于草案阶段。她的目标是取代1999年所定订的HTML 4.01和XHTML 1.0 标准，在互联网应用迅速发展的时候，使HTML的表达能力达到当代的网络需求。Tetris5基于的HTML5技术不只是狭义上的使用HTML5标签（tag），而是广义上使用HTML5提供的各种新特性，结合CSS3和JavaScript编写网络应用的一种新方法。

HTML5是目前正在开发过程中的新一代HTML标准，虽然没有最终定案，但是像Mozilla Gecko引擎、Webkit、Opera和新版IE都引进部分实现了该标准。HTML5为网络应用开发带来了许多新特性，在HTML的层面上，增加了一些新的标签（tag）：

• 支持网页内嵌音频和视频的<audio>和<video>；
• 新的表单（form）验证/约束机制，新的type值和<output>元素；
• 语义标签<section>，<article>，<nav>，<header>，<footer>，<aside>和<hgroup>。

音频视频标签将会对Flash构成威胁，改变现有的网络富媒体引用的开发方式。HTML5表单会使得网站的表单设计与开发发生变化，表单内容的前端验证将不再需要复杂的JavaScript编程，而且像日期之类的特殊输入将会变得更加方便。最后，语义标签将让HTML代码不再是<div>满天飞，使其更加容易被阅读。

除了新的标签，HTML5为应用开发带来了<canvas>，通过<canvas>开发人员可以直接在页面中绘图，摆脱对于flash的依赖，提高网络应用的跨平台性，还可以充分利用先进的硬件加速提升性能。另外还有一些新特性包括本地持久化储存（localStorage）、离线应用（offline）和本地文件API。

CSS3则向现在广泛应用的CSS2标准中增加了一些新的功能，使得页面的样式更加丰富，实现也更为容易，主要的新功能有：圆角（border-radius）、盒阴影（box-shadow）、文字阴影（text-shadow）、变形（transform）和变幻（transition）。这些新功能使得原本需要通过复杂的技巧和JavaScript编程才能够实现的一些简单的效果，现在只需要使用CSS就能实现。开发者可以将更多的精力集中于实现应用的功能，而不是在应用的复杂界面上费神。

至于JavaScript，它不是一个新的技术，但是一个最近才被重新认识的技术。JavaScript是由Netscape公司的Brendan Eich设计，它是一种动态、弱类型、基于原型的语言，最初在编写网络应用时，作为客户端脚本使用。05年开始，Ajax（Asynchronous JavaScript and XML）技术被广泛应用，以及Google Gmail这种重量级应用的出现，JavaScript重新会到了人们的视线中。Mozilla Firefox、Google Chrome、Opera和新版Internet Explorer都在不断的提高JavaScript引擎的性能，于是像Node.js这种JavaScript服务器也开始出现。JavaScript与HTML5结合使用，使得网络应用的客户端编写变得更容易，也能够实现更加强大的功能，并且打破了原有Flash独霸的格局。