HTML 5 - 鬼鬼祟祟的东西答案

【问题标题】：HTML 5 - Sneaky stuffHTML 5 - 鬼鬼祟祟的东西
【发布时间】：2009-10-26 17:00:10
【问题描述】：

HTML 5 是 W3C 对 HTML 的新定义，它很可能代表互联网的发展方向，因为人们会发现下一个在其中运行的杀手级应用程序。

有很多广为人知的“公共”编码功能，例如<video> 标签，但我想知道到目前为止人们发现了哪些低级编码技巧可能是重要的、有用的、有趣的或以上所有。

到目前为止我遇到的一些例子：

控制数据传输的拖放事件 - 例如：

document.addEventListener("dragstart", function(event)
{
   event.dataTransfer.setData("image/png", slides.imageRep());
   event.dataTransfer.setData("slides", slides.serializedRep());
   // etc.
}, false)

通过<canvas> 元素扩展的二维和三维图形。

上下文感知的 html 块

（作为奖励 - <applet> 和 <marquee> 标签的过时 - 哇哦！）

<ruby> 表意文字标签

我不确定这是否是新的，但 <progress> 标签 - 这些可动态更新的标签将使网络体验更加丰富。

有人玩过这些并发现了一些有趣的例子吗？或许是一些演示代码？

【问题讨论】：

请将此问题设为“社区维基”。你不打算最终接受答案，是吗？
如果有确定的答案，当然可以，否则我猜它是一个维基？

标签： html tags standards wiki w3c

【解决方案1】：

Chrome Experiments 上有很好的示例

来自关于页面：

这些实验由来自各地的设计师和程序员世界使用最新开放标准，包括 HTML5、Canvas、 SVG 等

【讨论】：

【解决方案2】：

查看来自 Mozilla Labs 的 Bespin - 它是一个完全用 JavaScript 编写的代码编辑器，使用 Canvas。

此外，它本身可能不是一个“示例”，但 Mozilla 开发者中心上的 Canvas Tutorial 是对 <canvas /> 元素的一个很好的介绍。

【讨论】：