HTML記述時のインデントには何を使うべきか?

AD

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.

    Google HTML/CSS Style Guide

    				<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.

    HTML Style Guide | Contribute to jQuery

    				<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.

    HTML Coding Standards – Make WordPress Core

    				<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.

    Web Development Style Guide - The Chromium Projects

    				<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のものもあるので、用途に合わせ決めようと思う。