CSSのサンプルを書いていく途中で、HTML5タグが出来てたので簡単におさらいです。
HTML5のメリット
- 動画の埋め込みなどが比較的簡単にできる
- 新しいタグが作られ、よりHTMLをすっきりかけるようになる
1ですが、私はあまり触れたことがないです。ここでは2を中心に説明していこうかなあと思います。
HTML5とは?初心者向けに特長や使い方を超わかりやすく説明してみた
form周りのhtml
html5はform周りのタグが進化しています。
必須チェック(requied)やオートコンプリート(autocomplete)などをすることができます。
ただし、ブラウザなどではきかないものもあるようなので調べておきましょう。
文章構造の明確化
header,footer,nav,section,articleなどですね。従来だとすべてdivで分けていたと思いますが、これらのタグを使うことによりHTMLをよりわかりやすく書くことができます。
主にグローバルナビなど。
[15-4] リストマーカーを画像や任意のテキストに変更する方法
sectionとarticleについて
- sectionとarticleですが一般的に下記のような基準で使い分けられるようです。
- 情報のあるコンテンツはarticleかsection
- そのコンテンツ自体で独立している場合はarticle、そうでない場合はsection(パーツや要素)
- 意味のないhtml上のタグ(レイアウトを組むためのもの)などはdiv
- ただすごく神経質に使い分ける必要はなさげ(汗)
あとは例をいっぱい見て、体で覚えたほうがよさげですね。
参考リンク
HTML5の新規タグ「section、article、header、footer」の使い方
もう悩まない!HTML5の「section要素」と「article要素」の違いについて
divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ