The HTML data-* attributes are intended for private data only; i.e., to store data to be used as configuration for a Javascript plugin but which does not hold semantic value and cannot be represented as actual content, whereas microdata (which is what theyre using and is also part of the HTML5 specification) is meant only for describing how the content of the page maps to some schema.
