HTML5リファレンスを買ってチートシートをもらおう！ (1/3)

2012年01月10日　10時00分更新

文●Web Professional編集部

ツイートする

　次世代Web標準規格として注目されるHTML5。2011年5月25日にはW3CがHTML5の最終草案を発表し、標準化のプロセスはいよいよ大詰めを迎えている。

　とはいえ、実際にWebサイト制作に使えるかどうかは、結局のところブラウザーの実装状況次第。そこで、HTML5の各要素について、主要ブラウザー（Internet Explorer、Firefox、Google Chrome、Safari、Opera）の実装状況を調べてみた。

この記事の見方

要素名のに後にあるテキストは要素の意味を表す
本調査は2011年11月に実施。IE以外は調査時点での最新バージョンを使用した。IEは8～9を使用した
「NEW !」はHTML5で定義された新要素
*は属性によっては未対応の要素

ルート要素とドキュメントデータ

html － HTML文書のルート: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
head －文書のメタデータ群: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
title －文書のタイトル: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
base －相対URLのベースとブラウジングコンテキストの指定: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
link －リソースへのリンクの指定: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
meta －各種メタデータの指定: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
style －埋め込みスタイルの指定: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5

セクション

body － HTML文書のメインコンテンツ: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
section －文書内のセクション　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
article －文書内の個別記事　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
aside －補足的な情報　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
hn －見出し: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
hgroup －見出しのグループ化　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
nav －文書内のナビゲーション部分　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
header －ヘッダー部分　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
footer －フッター部分　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
address －連絡先: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5

コンテンツのグループ化

p －段落: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
hr －区切り: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
pre －整形済み書式: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
blockquote －引用: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
ol －順序付きリスト: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
ul －順序なしリスト: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
li －リストの項目: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
dl －記述リスト: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
dt －用語、名前: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
dd －説明、定義: Internet Explorer 8; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
figure －図表などのフロー・コンテンツ　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
figcaption －図表などのキャプション　NEW !: Internet Explorer 9; Firefox 7; Google Chrome 14; Safari 5.1; Opera 11.5
div －汎用要素: Internet Explorer 8; Firefox 6; Google Chrome 14; Safari 5.1; Opera 11.5

もっと詳しく知りたい人のために……
Webアプリも付いたお得な「HTML5タグリファレンス」できました！

　次世代Web標準技術として注目を集める「HTML5」に対応したタグリファレンス「標準HTML5タグリファレンス」（藤本壱著、Web Professional Books）が、アスキー・メディアワークスから発売中です。


Image from Amazon.co.jp
標準HTML5タグリファレンス (WEB PROFESSIONAL)

　標準HTML5タグリファレンスは、HTML5で規定されているHTML要素・属性の意味、使い方を紹介したリファレンスです。2011年5月にW3Cが発表した「最終草案」に基づき、すべての要素についてサンプルコードと実行画面付きで解説。ブラウザーの実装状況はもちろん、コラム「よくある間違い、勘違い」で、実務でハマるポイントにも触れました。