Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。

HTML5入門!超速でHTML5をものにするノウハウ

HTML5

HTML5とは、WHATWGおよびW3Cが、HTML4に代わる次世代のWEB環境として、策定を進めている仕様です。

HTML5を簡単に説明すると、今まで複雑だった処理を簡単にし、HTMLデータの意味をより具体的に表現できるようになります。

現状ではHTML5非対応のブラウザもありますが、少しずつ非対応ブラウザもバージョンアップによって対応されていっているようです。

ここでは皆さんがHTML5を超速で学ぶのに、もっとも効率的なノウハウサイトや便利ツールを紹介しています。

※HTMLの基礎はこちらから学べます→HTMLを学ぼう!

HTML5入門サイト

HTML5, きちんと。

HTML5, きちんと。

5分~10分ぐらいでHTML5というものが何なのかを理解できるようになります。

HTML5+CSS3 入門

HTML5+CSS3 入門

HTMLの歴史、HTML5とは何なのか?が理解できます。

HTML5の勉強をしたさいに作成したまとめ

HTML5の勉強をしたさいに作成したまとめ

管理人さんが、HTML5を勉強した手順を紹介してくれているので、大変分かりやすいです。「第3回『HTML5の新要素をIEでも対応させる方法』」を学習する際はこちらのサイトも合わせて確認すると分かりやすいです。HTML5とCSS3をIE対応させるにはこの2つ

HTML5.JP

HTML5.JP

HTML5の最新情報をキャッチできます。海外のHTML5に関して、著名な方々が共同で運営しているサイトを翻訳した基礎チュートリアルは分かりやすいです。HTML.JPの管理人さんが作ったこちらの資料もおすすめ。今からハジメるHTML5マークアップ

HTML5リファレンス

HTML5リファレンス

HTML5タグをまとめたリファレンス。タグの使い方に困ったら確認しよう。

HTML5テンプレート

HTML5 Templates

HTML5 Templates

最大級のHTML5無料テンプレートの配布サイト。

HTML5 Bones

HTML5 Bones

最小限の要素で構成されている、HTML5学習におすすめの基本テンプレート。※jQuery, Modernizeなどは含まれていません。HTML5レンダリングのためhtml5shivだけ実装。

HTML5対応ブラウザ表

HTML5 & CSS3 Web Design

HTML5 & CSS3 Web Design

HTML5 & CSS3のブラウザ対応が一目でわかります。

Mobile HTML5

Mobile HTML5

携帯電話とタブレットブラウザのHTML5対応表。

HTML5ツール

HTML 5 Outliner

HTML 5 Outliner

HTML5で作成したWEBサイトの構造(アウトライン)が確認できます。

Markup Validation Service

Markup Validation Service

HTMLの妥当性検証ができるWebサービス。

YouTube HTML5 動画プレーヤー

YouTube HTML5 動画プレーヤー

YouTubeでHTML5動画を視聴できるようになるプレーヤーを紹介しています。

まとめ - HTML5習得

HTML5の習得には、従来HTML、CSSの理解はもちろん、CSS3や若干のJavascriptの理解があると吸収しやすいです。参考サイトを見ても理解ができなかった方は、基礎から見直してみましょう。WEB言語一覧

今回は、多くの人の学びたいところは、HTML5での文章構造(アウトライン)の書き方や、基本的な概要であると考えたので、アプリケーション開発をしたい方には適さなかったかもしれません。その辺は、S.Sのスキルアップと合わせていずれ紹介できればと思います。