当前我们使用的HTML版本是4.01版。

按照《HTML5 INTRODUCE》一书中所说:”HTML5是Web的未来,也是Web开发者的新希望”



HTML 5有两大特点:

首先,强化了Web网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。

其次,追加了本地数据库等Web应用的功能。

下面将介绍HTML5的一些元素

查看Demo需要使用最新的浏览器(IE9\Chrome\FireFox3.6+)

1.文本

<rbuy></ruby><rt></rt>

ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 “ruby” 元素时显示的内容。

查看示例

2.表单

HTML5做足内功,对最常见的数据类型有了内建的验证,前端不再伤不起了,哈哈!

可以在Demo页随机输入写数字试试。

查看示例

3.音频和视频

不再需要多余的插件,HTML5自己就能搞定!这里主要讨论<video>元素。

查看示例

4.画布

画布元素为2D绘制(线条、填充、图像、文本等)提供了一个API。

这是一个复制Win95的Paint程序的在线站点。当然,如果您的移动设备够先进的话,同样是大大滴给力!

5.数据存储

Web Storage (Web存储)

所有主流新版浏览器支持更强大的cookie
Web SQL Database(Web SQL数据库)

Opera,Chrome,Safari支持典型的数据库用法,例如执行 “select * from table”

6.离线

离线应用。例如我们在网络中断时,Web应用程序的某些功能(比如即时聊天)会中断并且失去所有连接。

这种情况通常发生于移动计算领域,比如手机上网。

7.拖放

可以查看这个站点

8.Geolocation

共享位置信息

试试 FourSquare 和 Google Map

9.Message、Worker 和 Socket

他们三个是完全不同的三个API,但都是通信API

Messaging允许从一个域向另一个域发消息

Worker所作的就是为浏览器引入线程的简化思想

Socket是创建到服务器的一个连接流的一个方法,并且允许服务器之间的双向实时通信