HTML5 Canvas vs. SVG vs. div

什么是动态创建元素并能够移动它们的最佳方法？例如，假设我想创建一个矩形，圆形和多边形，然后选择这些对象并移动它们。

我知道HTML5提供了三个可以实现这一目标的元素：svg，canvas和div。对于我想要做的事情，哪一个元素将提供最佳性能？

为了比较这些方法，我考虑创建三个视觉上相同的网页，每个网页都有页眉，页脚，小部件和文本内容。第一页中的小部件将完全使用canvas元素创建，第二个完全使用svg元素创建，第三个使用plain div元素HTML和CSS创建。