HTML5网站演示

我们搜集了网上很多具有代表性的使用HTML5构建的网站，用来演示HTML5这种新技术的超前特征。

浏览这些网站必须要使用支持HTML5技术的浏览器（比如Chrome），并且浏览这些网站不需要安装任何插件。HTML5正在让互联网发生天翻地覆的变化，它的应用将会使微博标准发生一个巨大的飞跃。

1、首先你可以了解一下HTML5的基本功能演示。
网址：http://directguo.com/html5/

这个网站中包含了简约的新特征介绍，同时整个页面都是使用的新技术，一边演示，一边向你介绍最新的特征。在网站中，你可以通过“→”键翻页，通过Ctrl + +/-放大或缩小页面。
（1）web技术大致时间轴：
1991年 HTML
1994年 HTML 2
1996年 CSS 1 + JavaScript
1997年 HTML 4
1998年 CSS 2
2000年 XHTML 1
2002年 使用DIV+CSS进行网页布局
2005年 AJAX
2009年 HTML 5(目前该技术正在迅速的应用到各类网站之中去)

（2）本地存储，网站中演示了本地存储的特征：通过本地存储，即使浏览器崩溃了，也能够保留输入框中的内容。

（3）桌面提醒，这项特征可以让你在桌面上随时阅读新邮件、新微博等。网站上也有该项特征的演示。

（4）文件拖放。以后在邮件里添加附件就可以直接将文件拖放到网页里了。不尽快捷迅速，而且还可以批量添加。

（5）新的表单类型、音频、视频播放技术，还有各种各样的图形绘制特性等等。

2、第二个演示是HTML5绘图技术的演示网站。
网址：http://mugtug.com/sketchpad/
打开网站，你会发现一个类似于Flash制作的绘图板：但注意，这并不是用Flash制作的，而是纯粹用网页代码写的页面。
里面包含了各种各样的绘图工具比如渐变、图章、橡皮、铅笔等等，并且效果非常逼真。

3、然后是HTML5技术的动画演示：

网址：http://www.feedtank.com/labs/html_canvas/
这个简单的页面调用了Canvas对象绘制的动态效果，可以自己定义绘制的文字，虽然仅仅是个简单的演示，但效果非常炫。

4、一个使用HTML5技术制作的蜡笔物理学游戏，非常像iPhone平台有名的那个通过蜡笔画出真实物体的Shoot U!一样！
网址：http://fokistudios.com/etchaphysics/
打开页面后，选择第一个五角星开始游戏，然后就通过鼠标画画，将圆形想办法接触五角星即可通关。

可以用的方法非常之多，比如杠杆原理等等。

5、通过HTML5技术绘制的分子结构演示（学习化学的朋友可以研究研究了）
网址：http://alteredqualia.com/canvasmol/
打开页面，里面有很多种元素可供选择，并且还有很多物质的结构。

6、这个网站是我觉得做得最好的一个绘图的演示了，绘制出来的效果令人眼花缭乱。
网址：http://bomomo.com/

页面下方可以选择画笔的运动特征，然后点击鼠标在画图板上作画，可以有很多种不同的效果。非常有趣！

最后，向大家推荐一个学习HTML5的教程，非常全面，详细的介绍了HTML5的各标签、特征等等，地址是：

http://www.w3school.com.cn/html5/

总的来说，虽然目前IE等主流浏览器并不支持HTML5这项新技术，但是，微软已经明确表示，将会在新的浏览器中支持这项技术，也就是说，随着技术的不断完善，这项新的页面标准将指日可待。