如何保持html行代码简短？

Question

有时，您需要许多类，其他属性以及单个标记上的几个数据属性。

例如：

<div id="myId" class="class1 class2 class3" data-foo="yadda yaddd" data-bar="more yadda yadda>
    ...
</div>

我想知道是否有一些很好的做法可以保持html代码简短，我的意思是当你拥有这么多的道具/属性时，我根本不考虑后端或haml，只是纯HTML。< / p>

这些案件有一些好的做法吗？

Answer 1

在这种情况下，我通常会将每个属性放在自己的行上。

<div id="myId"
     class="class1 class2 class3"
     data-foo="yadda yaddd"
     data-bar="more yadda yadda">
     ...
</div>