HTMLのインデントはTABとスペースのどちらを使うのか、自分のTABインデント(4文字スペース表示)が疑問に思えてきたので、スタイルガイドを調べてみた。 世間で有名かつ大きなプロジェクトのスタイルガイドをピックアップしている。


  • Google HTML/CSS Style Guide


    Google HTML/CSS Style Guide

    General Formatting Rules


    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=""> <a href="" target="_blank"></a> </cite> </footer> 
  • jQuery HTML Style Guide | Contribute to jQuery


    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=""> <a href="" target="_blank"></a> </cite> </footer> 
  • WordPress HTML Coding Standards – Make WordPress Core


    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=""> <a href="" target="_blank"></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=""> <a href="" target="_blank"></a> </cite> </footer> </section> Google HTML/CSS Style Guide を参考にしているのが多いようだ。 しかし、WordPressのようにTABのものもあるので、用途に合わせ決めようと思う。