如何保持html行代码简短？

Question

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

例如这样的事情:

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

我想知道是否有一些良好的做法可以保持html代码简短,我的意思是当你拥有如此多的道具/属性时,我根本不考虑后端或haml,只是纯HTML.

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

Answer 1

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

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