Q:

Is there an element is best for "Drag and drop" web applications?

I'm building my own "Drag and Drop" web application.
I'm loading data from MySQL and create a HTML element with it.
So I have ID, length, height and so on.
Later I'm going to drag these "blocks" into a square.
Now, which HTML element is best for this?
<div>, <canvas>, <img>?
An example will be with a <div>:
<div style="width: 100px; height:20px; background-color: grey;"></div>

Which element is best suited for being dragged and dropped?
I'm going to save positions for dragged elements, for loading it later..
Specifically, is there a technical reason to prefer one element over any other?

A:

There isn't a best suited element for this. Generally I'll use divs, but it depends on what you want to do. If you wanna do it the HTML5 way, simply add a draggable="true" attribute. If you're open to using libraries, jQuery UI has a very good drag and drop implementation.

