HTML5をコーディングしてみよう

実際にHTML5をコーディングして動きを確かめてみる。

とりあえずやってみる

正しい分類とかは一旦おいとく。まずは基礎からバンバンかいてく。間違いを恐れずに。

セマンティクス

HTML基本構文。

HTML5 Vocabulary

要素や属性。セマンティックにMarkUpするための概略図

コンテンツモデル

各HTML要素ごとにどんな要素を内包できるか定義したもの。従来のブロック要素、インライン要素という概念が消え、代わりにコンテンツモデルを意識する必要がある。

グローバル属性

すべてのHTML要素で使用できる属性。

HTML要素

HTML5で定義されているすべてのHTML要素。

ルート要素

html要素

ドキュメントメタデータ

スクリプティング

セクション

コンテンツのグループ化

テキストレベルの意味づけ

訂正

組込コンテンツ

テーブルデータ

フォーム

インタラクティブな要素

HTML5 Microdata

メタ情報を埋め込む属性。

スタイルシート

セレクタ

HTML要素を特定する方法。

マルチメディア

Audio

HTML5のaudio要素。

Video

HTML5のvideo要素。

オフライン&ストレージ

Application Cache

Web Storage

Indexed Database API

File API

File API: Writer

3D、グラフィクス、エフェクト

Canvas 2D Context

CSS 3D Transforms

SVG

WebGL

コネクティブ

WebSocket API

Server-Sent Events

パフォーマンス

Web Workers

XMLHttpRequest 2

デバイスアクセス

HTML Media Capture

Touch Events

DeviceOrientation Event