入門
今、現場で使うHTML5
4

今回はHTML5の本領発揮、HTML5での新機能や周辺技術を利用する実装パターンを紹介します。とりわけ、今後多用することが予想されるvideo要素とsvg要素を取り上げています。なお、情報は2012年6月現在のものです。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

前回に引き続き、HTML5の実装パターンを紹介します。今回はHTML5のセマンティクス要素を利用するパターンです。なお、情報は2012年6月現在のものです。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

HTML5で実装されたサイトといっても、どの程度HTML5の機能を取り込むかで、実装を3つのパターンに分けて考えてみます。今回はそのうちのひとつDOCTYPEを利用するパターンを紹介します。なお、情報は2012年6月現在のものです。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

HTML5の特徴、HTMLの策定を進めるW3Cの取り組み、ブラウザベンダーの対応状況、企業サイトでの使用例を概観します。HTML5はすでに現場で使われて、浸透し始めている技術であることが分かります。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター