-
ID:8XcYy7 さんの質問

みなさんHTMLやCSS、JSなどコードを書くとき空行はインデントしますか?
よければ理由も聞かせていただければ嬉しいです。
私は空行もそのカッコ内に含まれる要素だと思っているためインデントしています。

みんなの回答 4 件

ID:0eYHGF さんの回答

あんまり意識していないなぁ。
オートインデントで空行も勝手にインデントされる & 保存時に空行のインデントは削除される @PhpStorm

ID:8XcYy7

ありがとうございます。
色々なサイトのコードを見てみるとたまに空行は意図的に(?)インデントされてないものなどがあり、これはなぜかな?と思って質問させていただきました。

ID:oa5CII さんの回答

IDEではなく、普通のエディタで、補完機能を使ってない場合は、空行は何もしないですね。タブキーを連打するのもめんどくさいですし、ファイルサイズも大きくなりますし…。

ID:8XcYy7

ありがとうございます。
このあたりは好みやそのチームなどでのルール次第ということでもありますよね。

ID:cV0VT9 さんの回答

ネスコとインデンティブは禁止なんですが、これWebの常識。

ID:8XcYy7

ありがとうございます。
申し訳ありません。ネスコとインデンティブとはどういう意味でしょうか。分からなかったので検索して調べて見たのですがいずれも意味が分からずで…。ネストとインデントという理解でよろしいですか?

ID:EE5sU4

聞いたこと無い言葉ですね。
メンテナブルという観点において、ネストとインデントをするのはWebの常識です。

ID:Evwee1

最近は、Firebugとかあるので、生のHTMLソースを見る機会も減り、インデントはあまり気にしなくなりましたね…。

ごくまれに、改行やインデントで1pxずれることがあるので、削ってしまうこともありますね。ただ、あまりHTMLが得意でない人(お客さんとか)と作業分担をする場合は、

<ul><!--
--><li>aaa</li><!--
--><li>bbb</li><!--
--></ul>

といった感じで、インデントを兼ねて、HTMLコメントを使うようにしてます。

ID:8XcYy7

EE5sU47.k3.Wさん
ありがとうございます。
HTMLの常識を司ると思っておりますW3Cでも部分的ではありますがインデントされている痕跡がありましたのできっとコーディング時にはインデントを利用して書かれているのではないかと思います。

Evwee1DvtzNfさん
生のHTMLコードを見る機会が減ったということはあまりコーディングはされない方ですか?

liタグは確かに改行すると半角スペースが表示され意図した表示よりズレてしまうのは私も経験があり、例のように書くケースはありますね。ありがとうございます。

ID:kp9/7W

極稀にとかliとか、そのレベルで仕事になるの…

ID:8XcYy7

p9/7WikmSjOさん
ありがとうございます。仕事になっているのでしょう。相手を格下扱いしたいだけの発言しかできないあなたは、そのレベルと大差ないのではないですか?

ID:aZk5Ni

Evwee1DvtzNfです。

> 生のHTMLコードを見る機会が減ったということは
> あまりコーディングはされない方ですか?

「生のHTML」というのは、ブラウザの「ソース表示」のことです。Firebugなどがあるので、デバッグ時にインデントや改行無しでも困らないという意味です。

個人的に、ブラウザでソースを表示した時に、左端にピタッとそろっているのに「美」を感じるタイプなので、システム組み込み時には、HTMLコメントを多めにして、インデントは削除しちゃいます(笑)

> 極稀にとかliとか、そのレベルで仕事になるの…

サーバ管理、サイト作成、ディレクション、コンテンツ更新、制作サポートも含めてやっているので、とりあえず何とかなっています。

また、「極稀」なのは、HTMLやCSSに左右されるものだと思います。トリッキーな組み方で無ければ、基本「極稀」ではないかと思います。(サポートブラウザにもよるのかな?)

昔、HTMLコーダ—さんから上がってきたソースをシステムに組み込んでいる時に、

<div class="hoge">
</div><!-- /div.hoge -->

と、勝手にHTMLコメントを追加したら、IEでずれるから

<div class="hoge">
<!-- /div.hoge --></div>

にしてくれと言われたことがありました。いい思い出です!(笑)

ID:jlIxKI

kp9/7WikmSjOですが、インラインレベルの要素ではタブ・改行・空白はひとつの半角スペースとしてまとめられるのは仕様にも記載されている基本的なことであって、それをまるで稀なバグ扱いのようにしていてよく仕事になると思っただけです。まぁ、フロント本業じゃなくデザイナーさんの片手間とかだと知らないんですかね。

ID:aZk5Ni

なるほど、勉強になります!

ID:cqVfaD さんの回答

制作時は、可読性が重要なので、改行もインデントもつけてるけど、なくてもいいものはhtml出力時に徹底的に削ってる。
インデント、改行、htmlタグ、,headタグ、bodyタグ、属性値のコーテーション、省略できる終了タグ(</li></p>など)、etc..
サーバーの観点で考えると、かなり転送量稼げるよ。

ID:8XcYy7

ありがとうございます。
ファイルの圧縮は確かに有効な手法ですね。
質問の空行のインデントについてはどのようにされてらっしゃいますか?

最終更新日:2014-04-17 (5,021 views)

関連するトピックス

ページ上部に戻る