みなさんHTMLやCSS、JSなどコードを書くとき空行はインデントしますか?よければ理由も聞かせていただければ嬉しいです。私は空行もそのカッコ内に含まれる要素だと思っているためインデントしています。
あんまり意識していないなぁ。オートインデントで空行も勝手にインデントされる & 保存時に空行のインデントは削除される @PhpStorm
ありがとうございます。色々なサイトのコードを見てみるとたまに空行は意図的に(?)インデントされてないものなどがあり、これはなぜかな?と思って質問させていただきました。
IDEではなく、普通のエディタで、補完機能を使ってない場合は、空行は何もしないですね。タブキーを連打するのもめんどくさいですし、ファイルサイズも大きくなりますし…。
ありがとうございます。このあたりは好みやそのチームなどでのルール次第ということでもありますよね。
ネスコとインデンティブは禁止なんですが、これWebの常識。
ありがとうございます。申し訳ありません。ネスコとインデンティブとはどういう意味でしょうか。分からなかったので検索して調べて見たのですがいずれも意味が分からずで…。ネストとインデントという理解でよろしいですか?
聞いたこと無い言葉ですね。メンテナブルという観点において、ネストとインデントをするのはWebの常識です。
最近は、Firebugとかあるので、生のHTMLソースを見る機会も減り、インデントはあまり気にしなくなりましたね…。
ごくまれに、改行やインデントで1pxずれることがあるので、削ってしまうこともありますね。ただ、あまりHTMLが得意でない人(お客さんとか)と作業分担をする場合は、
<ul><!----><li>aaa</li><!----><li>bbb</li><!----></ul>
といった感じで、インデントを兼ねて、HTMLコメントを使うようにしてます。
EE5sU47.k3.Wさんありがとうございます。HTMLの常識を司ると思っておりますW3Cでも部分的ではありますがインデントされている痕跡がありましたのできっとコーディング時にはインデントを利用して書かれているのではないかと思います。
Evwee1DvtzNfさん生のHTMLコードを見る機会が減ったということはあまりコーディングはされない方ですか?
liタグは確かに改行すると半角スペースが表示され意図した表示よりズレてしまうのは私も経験があり、例のように書くケースはありますね。ありがとうございます。
極稀にとかliとか、そのレベルで仕事になるの…
p9/7WikmSjOさんありがとうございます。仕事になっているのでしょう。相手を格下扱いしたいだけの発言しかできないあなたは、そのレベルと大差ないのではないですか?
Evwee1DvtzNfです。
> 生のHTMLコードを見る機会が減ったということは> あまりコーディングはされない方ですか?
「生のHTML」というのは、ブラウザの「ソース表示」のことです。Firebugなどがあるので、デバッグ時にインデントや改行無しでも困らないという意味です。
個人的に、ブラウザでソースを表示した時に、左端にピタッとそろっているのに「美」を感じるタイプなので、システム組み込み時には、HTMLコメントを多めにして、インデントは削除しちゃいます(笑)
> 極稀にとかliとか、そのレベルで仕事になるの…
サーバ管理、サイト作成、ディレクション、コンテンツ更新、制作サポートも含めてやっているので、とりあえず何とかなっています。
また、「極稀」なのは、HTMLやCSSに左右されるものだと思います。トリッキーな組み方で無ければ、基本「極稀」ではないかと思います。(サポートブラウザにもよるのかな?)
昔、HTMLコーダ—さんから上がってきたソースをシステムに組み込んでいる時に、
<div class="hoge"></div><!-- /div.hoge -->
と、勝手にHTMLコメントを追加したら、IEでずれるから
<div class="hoge"><!-- /div.hoge --></div>
にしてくれと言われたことがありました。いい思い出です!(笑)
kp9/7WikmSjOですが、インラインレベルの要素ではタブ・改行・空白はひとつの半角スペースとしてまとめられるのは仕様にも記載されている基本的なことであって、それをまるで稀なバグ扱いのようにしていてよく仕事になると思っただけです。まぁ、フロント本業じゃなくデザイナーさんの片手間とかだと知らないんですかね。
なるほど、勉強になります!
制作時は、可読性が重要なので、改行もインデントもつけてるけど、なくてもいいものはhtml出力時に徹底的に削ってる。インデント、改行、htmlタグ、,headタグ、bodyタグ、属性値のコーテーション、省略できる終了タグ(</li></p>など)、etc..サーバーの観点で考えると、かなり転送量稼げるよ。
ありがとうございます。ファイルの圧縮は確かに有効な手法ですね。質問の空行のインデントについてはどのようにされてらっしゃいますか?
みんなの回答 4 件
あんまり意識していないなぁ。
オートインデントで空行も勝手にインデントされる & 保存時に空行のインデントは削除される @PhpStorm
IDEではなく、普通のエディタで、補完機能を使ってない場合は、空行は何もしないですね。タブキーを連打するのもめんどくさいですし、ファイルサイズも大きくなりますし…。
ネスコとインデンティブは禁止なんですが、これWebの常識。
制作時は、可読性が重要なので、改行もインデントもつけてるけど、なくてもいいものはhtml出力時に徹底的に削ってる。
インデント、改行、htmlタグ、,headタグ、bodyタグ、属性値のコーテーション、省略できる終了タグ(</li></p>など)、etc..
サーバーの観点で考えると、かなり転送量稼げるよ。
関連するトピックス