Smallville

smallville

HTML5でコーディングする際に気をつけることのまとめ

HTML

HTML5でコーディングする際に気をつけることをまとめてみました。

HTML5ではhr,brは適切に使用する

HTML5では、hr,brは原則使用しません。

hrに関しては、原則CSSで対応することになります。brタグについては、改行はpタグで対応し、必要に応じて使用せざるをえないときに使いましょう。

HTML5での新らしいタグ

HTML5での主な新タグは下記の6つでしょう。それぞれの意味を理解し、適切に使用しましょう。

  • section
  • header
  • nav
  • article
  • aside
  • footer

section

文書やアプリケーションの一部分となる、意味や機能のひとまとまり(セクション)のこと。 ウェブページ内のセクションとしては、例えば、導入部分、新着情報、連絡先などが考えられる。セクションとコンテナ要素として用いる時はdivをつかう。

header

イントロダクション、ナビゲーショングループであることを示す際に使用。headタグとは異なるので注意しましょう。

nav

ナビゲーションであることを示す

article

記事であることを示すタグです。ブログやニュースの記事などにしようします。articleタグの部分のだけを取り出してもコンテンツとして成立するかどうかがポイントです

aside

記事の補足説明であることを示すタグです。本文抜粋引用リードや補足記事などで使用します。よくサイドバーなどで利用しているWebサイトを見かけますが、適切な使い方ではないでしょう。

footer

直近のセクションのフッタであることを示す際に使用します。その直近のセクションに関する情報(著者、著作権、リンクなど)であることを示します。

スポンサーリンク