这些是什么类型的CSS属性？

Question

这些类型的属性叫做什么？

data-role=
data-theme=
data-position=
data-display=

这些特定属性来自Phonegap，但我在其他Web框架中已经看到过这些。这些自定义还是CSS3的一部分？

Answer 1

来自Mozilla Developer Network：

  

HTML5的设计具有应该在HTML中但不可见的数据的可扩展性。 data- *属性允许我们在标准的语义HTML元素上存储额外的信息，而不会污染类名。

     

语法很简单。假设您有一篇文章，并且您希望存储一些没有任何可视化表示的额外信息。只需使用数据属性：

<article
  id="electriccars"
  data-columns="3"
  data-indexnumber="12314"
  data-parent="cars">
...
</article>