将数据属性分配给较少的div？

Question

我想知道你是否可以为div分配数据属性，因为我在我的html中添加了类似fb的盒子，并希望尽可能少地自定义fb框。

它使用数据高度，数据宽度，数据标题等来自定义fb-like-box

<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-height="300px" data-width="240px" data-show-faces="false" data-header="false" data-stream="true" data-show-border="false"></div>

有没有办法在更少的情况下做这样的事情？

.fb-like-box {
  .data-height(300px);
  .data-width(240px);
  .data-stream(true);
}

所以html看起来像：

<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers"></div>

我知道我可以使用js来做到这一点，但是想知道是否可以先用较少的东西来完成。