HTML記述時のインデントには何を使うべきか？
HTMLのインデントはTABとスペースのどちらを使うのか、自分のTABインデント(4文字スペース表示)が疑問に思えてきたので、スタイルガイドを調べてみた。 世間で有名かつ大きなプロジェクトのスタイルガイドをピックアップしている。
HTMLでのTAB幅の文字数
-
Google HTML/CSS Style Guide
スペース2文字(TABとスペースインデントを混在させるな)
Google HTML/CSS Style Guide
General Formatting Rules
Indentation
Indent by 2 spaces at a time.
Don’t use tabs or mix tabs and spaces for indentation.
<cite title="https://google.github.io/styleguide/htmlcssguide.xml"> <a href="https://google.github.io/styleguide/htmlcssguide.xml" target="_blank">https://google.github.io/styleguide/htmlcssguide.xml</a> </cite> </footer> -
jQuery HTML Style Guide | Contribute to jQuery
TAB
Spacing In general, the jQuery style guide encourages liberal spacing for improved human readability. Indentation with tabs.
<cite title="https://contribute.jquery.org/style-guide/html/#spacing"> <a href="https://contribute.jquery.org/style-guide/html/#spacing" target="_blank">https://contribute.jquery.org/style-guide/html/#spacing</a> </cite> </footer> -
WordPress HTML Coding Standards – Make WordPress Core
TABを使え。スペースはNG。PHPコードとHTMLが混在するときにも見栄えを保つためのようだ。
Indentation #Indentation As with PHP, HTML indentation should always reflect logical structure. Use tabs and not spaces. When mixing PHP and HTML together, indent PHP blocks to match the surrounding HTML code. Closing PHP blocks should match the same indentation level as the opening block.
<cite title="https://make.wordpress.org/core/handbook/best-practices/coding-standards/html/#indentation"> <a href="https://make.wordpress.org/core/handbook/best-practices/coding-standards/html/#indentation" target="_blank">https://make.wordpress.org/core/handbook/best-practices/coding-standards/html/#indentation</a> </cite> </footer> -
The Chromium Projects Google HTML/CSS style guideを見ろ。Google発のプロジェクトだから、そうですね。
HTML See the Google HTML/CSS style guide.
<cite title="https://www.chromium.org/developers/web-development-style-guide"> <a href="https://www.chromium.org/developers/web-development-style-guide" target="_blank">https://www.chromium.org/developers/web-development-style-guide</a> </cite> </footer> </section> Google HTML/CSS Style Guide を参考にしているのが多いようだ。 しかし、WordPressのようにTABのものもあるので、用途に合わせ決めようと思う。