HTML5の特徴をまとめてみました

HTML2010年12月5日

PCブラウザではまだまだですが、スマートフォンの普及に伴いHTML5がいよいよ実用段階になってきました。
私のいる会社でもスマートフォン案件が続々と増えてきています。
簡単にですが、HTML5の特徴をまとめてみました。

DOCTYPE

<!DOCTYPE html>

DOCTYPE宣言が今までの長ったらしいものに比べて、えらい簡素になりました。これなら手打ちでも余裕ですね。ちなみに大文字小文字の区別は無いようです。

HTML5では文字コードの指定は3種類あります。BOMを付けるか、サーバー側のヘッダーで文字コードを指定するか、HTMLのmetaタグで指定するか。

<meta charset="utf-8">

もちろん、従来の書き方でも引き続き利用可能です。

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

ここが最も劇的に変化した部分でしょう。見慣れないタグがいっぱいあります。

文書やアプリケーションにおける、一般的なセクションを表します。ネストすることも可能。

セクションのヘッダを表します。

セクションのフッタを表します。フッタには作者に関する情報、著作権情報などを含むことができます。

ナビゲーションとなるセクションを表します。ページ内で複数利用可能です。

ページの情報とは関係の無い要素や補足情報を掲載する時に使用します。

ページ内のひとかたまりのセンテンスを包括する時などに使用します。
例：ブログエントリ、コメント、コンテンツの独立した項目等

小見出しや副題など、見出しが複数の階層にある場合、出しセットをグループ化してまとめるために使用します。

図表を掲載する時に使用します。

ちなみにこれらの要素はサポートしているブラウザでもデフォルトでは「display:none;」になっているため、「dispaly:block;」でオーバーライトしてあげる必要があります。

この記事にコメントする