このページの本文へ

「標準HTML5タグリファレンス」早期購入キャンペーン

HTML5リファレンスを買ってチートシートをもらおう!

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 - 見出し

( n = 1 or 2 or 3 or 4 or 5 or 6 )

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が発表した「最終草案」に基づき、すべての要素についてサンプルコードと実行画面付きで解説。ブラウザーの実装状況はもちろん、コラム「よくある間違い、勘違い」で、実務でハマるポイントにも触れました。

誌面イメージ。サンプルと画面写真、コラムで、分かりやすい紙面を目指しました

 さらに、本書の内容を収録したスマートフォン用Webアプリの利用権も読者限定で提供(2013年末までの期限あり)。職場では紙の本で、自宅ではiPhoneやAndroid端末で、といった使い方ができる、お得な1冊です。

本書読者に提供されるWebアプリ版「HTML5タグリファレンス」。画面は開発中のため変更になる可能性があります

 2012年、注目の新技術を、本書で学んでみませんか?

Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く