【質問】HTMLのソースコード内での改行について

Question

少し気になったので確認なのですが、HTML内での改行について質問したいです。
例えば、pタグの中にaタグを入れて文章を書くとします。
皆さんどのような改行をされていますでしょうか。

①インラインタグは改行しない

<div class="center">
    <p>詳細は<a href="/hoge">こちら</a>です。</p>
</div>

②タグ毎にすべて改行する

<div class="center">
    <p>詳細は
        <a href="/hoge">こちら</a>です。</p>
</div>

個人的には①の書き方が好きなのですが、Visual Studio Code内のフォーマッターにそって自動フォーマットを行うと②の形式になります。
※設定の問題？

皆様はどのような規則でソースの改行を行っていますでしょうか。
もし正しい改行の方法などがあればお教えいただきたいです。

Answer 1

質問者さんが組織に属していて、その組織にコーディングルールがあればそれに従う、ルールがなければ組織内で決める話になるかと思います。

個人でやっていて、保守などにも他人が関わることがなければ、ご自分の好みで決めればいいと思います。

Teratail の参加者の個人的な意見を聞きたいということでしょうか？　であれば、自分の意見を言わせていただければ、横スクロールしなくても読めるように適宜改行を入れるということだけ考えてます。

Comments

[退会済みユーザー]

今後は転職も控えているので、他の方々はどのようにしているのかが気になったのでの質問でした。

確かに横スクロールが多いと確かに読みづらいですよね、参考になります。

Answer 2

改行マークが（見た目上）スペース表示になることを考慮してつくっているのであれば
好きに改行やインデントすればいいとおもいます

Comments

[退会済みユーザー]

なるほど、ありがとうございます！

Answer 3

他の回答と同じです。

②が別タグを設定しているかどうかが見やすい気はします。
･･･あくまでも個人的な感覚です･･･

Comments

[退会済みユーザー]

なるほど、ありがとうございます！