如何保持html行代码简短？

有时，在一个标记上需要许多类、其他属性和一些数据属性

例如，类似这样的事情：

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

---

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

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


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

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


...
您可以在html标记中添加新行，就像您可以将每个属性添加到新行一样。这会让你的代码变得很长，有些人觉得这样读起来很难，有些人觉得当所有的东西都在一行的时候读起来很难。所以你自己决定这正是我的困境，而这似乎不是一个普遍或流行的规则。我讨厌超过100个字符的行，但当然在纯html中，如果你为每个属性使用一个新行来解决问题，那么问题就会反过来。这归结为意见/偏好，不管你喜欢什么方式都可以。这没有对错之分。当一行变得太长时，您可以将两种方法组合在一起，例如在新行中放置属性，或者在每行上放置2-3个属性。不管你喜欢哪种方式，那就这样做吧。如果有其他开发人员在处理这些文件，那么您应该与他们举行一次简短的会议，找出适合您的最佳方法。您可以在html标记中添加新行，就像您可以将每个属性添加到新行一样。这会让你的代码变得很长，有些人觉得这样读起来很难，有些人觉得当所有的东西都在一行的时候读起来很难。所以你自己决定这正是我的困境，而这似乎不是一个普遍或流行的规则。我讨厌超过100个字符的行，但当然在纯html中，如果你为每个属性使用一个新行来解决问题，那么问题就会反过来。这归结为意见/偏好，不管你喜欢什么方式都可以。这没有对错之分。当一行变得太长时，您可以将两种方法组合在一起，例如在新行中放置属性，或者在每行上放置2-3个属性。不管你喜欢哪种方式，那就这样做吧。如果有其他开发人员处理这些文件，那么您应该与他们进行一次简短的会议，以找出适合youHi@ray的最佳方法。我也这么认为，但是如果属性太多，问题会变成另一个问题，但我更愿意此解决方案。Hi@ray我也这么认为，但是如果属性太多，这些问题变成了另一个问题，但到目前为止，我宁愿选择这个解决方案