ウェブ家の備忘録

ウェブデザイナーの備忘録

モダンなHTMLの区分けタグの使い方

HTML

参考
　div・spanをなるべく使わない、HTML5で推奨される書き方です。


<html>
  <body>
    <header>ヘッダー</header>

    <nav>ナビゲーションバー</nav>

    <article>
      <section>
        <h1>コンテンツタイトル</h1>
      </section>
      <section>
        <h1>コンテンツ内容見出し</h1>
        <p>コンテンツ内容1</p>
        <p>コンテンツ内容2</p>
      </section>
    </article>

    <footer>フッター</footer>
  </body>
</html>


　画面内に収まるのであればこの例通りでいいと思います。
　行がかさばってコード全体が画面内に収まらない場合（大抵そうだけど）、インデントは可読性の敵になるので基本インデント無しがいいです。style・scriptタグの中、articleタグの中は普通にインデントをすればいいと思います。