Eindringende HTML-Tags in mehreren Zeilen

Question

Ich finde keine Richtlinie zum Einrücken von HTML-Tags in mehrere Zeilen, und die Lösung, die ich derzeit verwende, erfüllt mich nicht wirklich.

Stellen wir eine extrem lange div Erklärung haben, wie zum Beispiel:

<div data-something data-something-else data-is-html="true" class="html-class another-html-class yet-another-html-class a-class-that-makes-this-declaration-extremely-long" id="just-a-regular-id"> 

Um horizontal scrollen zu vermeiden, wenn ich diese großen Linien zu finden, ich einrücken sie in der Regel auf folgende Weise:

Was ich denke, funktioniert sehr gut in Bezug auf die Lesbarkeit, aber ich habe einige Bedenken.

• Wird dieser Weg als eine gute Praxis angesehen?
• Würdest du es besser finden, das abschließende > im öffnenden HTML-Tag inline mit dem letzten Element oder in einer neuen Zeile zu lassen, wie ich es im obigen Beispiel getan habe?
• Haben Sie eine andere bevorzugte Möglichkeit, mit extrem langen HTML-Deklarationen umzugehen?

Fühlen Sie sich frei, wenn Sie einige gute Ressource über Stil-Richtlinien für HTML, die diesen speziellen Fall decken wissen zu teilen, weil ich nicht etwas Bestimmtes Online gefunden.

Answer 1

Persönlich finde ich es eine gute Praxis und ich finde es lesbarer mit mehreren Zeilen. Ich verwende die gleiche Konvention für Websites, die ich mache. In meinem College wir die gleiche Konvention gelehrt werden, und es stellt klar:

Vermeiden Sie lange Codezeilen

Wenn ein HTML-Editor verwenden, ist es unbequem rechts scrollen und links den HTML-Code zu lesen. Versuchen Sie Codezeilen zu vermeiden, die länger als 80 Zeichen sind. https://www.w3schools.com/html/html5_syntax.asp

:

Der Rest der Konvention finden sich hier