1。メインの新しいHTML5機能
1。ローカルオーディオおよびビデオ再生。
2。アニメーション;
3。地理情報。
4。ハードウェアアクセラレーション。
5。ローカルで実行されます（インターネット接続が中断された後でも）。
6。ローカルストレージ。
7.デスクトップからファイルをドラッグアンドドロップして、ブラウザにアップロードします。
8。セマンティックマーカー。
2。HTML5アプリケーションの現在のステータス
今日、主要なブラウザはHTML5に対して異なるサポートを持っています。彼らが1年か2年以内に一貫性があることを楽しみにしています。あなたは、これが事実なので、おそらくこの将来の基準を今使用している人はほとんどいないと思うかもしれません。そうではありません。 HTML5は現在広く使用されています。ウィリアム・ギブソンが言ったように、将来のウェブが到着しましたが、まだ広く採用されていません。
GoogleのホームページもHTML5を使用していることはわからないかもしれませんが、現在、HTML5 Doctypeのみを使用しているだけで、ページの残りの部分はまだ古いコードですが、GoogleはさまざまなアプリケーションでHTML5を広く採用しています。最も典型的な例はGmailです。 HTML5オフラインストレージにより、ユーザーはオフラインの場合でもGmailを使用できます。さらに、Google Docsはオフラインストレージも使用しています。オフラインストレージも使用する他のメーカーからの同様のアプリケーションには、ZohoのオフィススイートとWordPressのブログプラットフォームが含まれます。 HTML5のオフラインストレージに興味がある場合は、アプリにオフラインサポートを追加する記事Mark Pilgrimの方法をご覧ください。
3。SCRIBDHTML5ベースのドキュメントリーダー
上の写真は、Scribdの新しいドキュメントリーダーであり、すべてWeb標準に基づいてFlashを使用していません
ビデオに加えて、HTML5は多くの面でフラッシュを置き換えることができます。ドキュメント共有サイトScribdは最近、HTML5を使用してFlashを置き換えてドキュメントリーダーを実装することを発表しました。 SCRIBDは、HTML5がCSSと組み合わせて達成できる驚くべき機能の最良の例です。また、 @font-faceを使用して、パーソナライズされたフォントを実装しています。さらに、ページをターンするときの変換効果もCSS3に完全に基づいています。これらの標準Webツールの組み合わせにより、SCRIBDは、構造、フォント、埋め込まれた画像、レイヤーなどのドキュメントの機能を犠牲にすることなく、フラッシュから純粋なHTMLまでのオーバーザトップHTMLを実現できます。SCRIBDの最新のドキュメントリーダーはIE6をサポートします。
4。HTML5キャンバスおよびHTML5ビデオ
HTML5キャンバスオブジェクトに基づくインベーダークラシックゲーム
ScribdのCanvasの適用は素晴らしいですが、そのようなサイトをもっと見つけることができます。 Canvas Demosには、さまざまなオンラインゲームからWebページから色を抽出するRainbowアプリケーションまで、キャンバスに関するさまざまなアプリケーションがあります。
ビデオに関する最も典型的な例は、YouTubeとVimeoです。どちらもHTML5バージョンを提供します。
5。HTML5地理情報の位置決め
マップ内の黄色の悪役の上の円をクリックして、Googleが地理的な場所をマップすることを伝える
HTML5のもう1つの機能は、ジオロケーション関数です。一部のブラウザはジオロケーションAPIを提供します。これはW3Cによっても管理され、HTML5を組み合わせて現在のジオロケーションの場所を実現できます。 Googleマップこの機能を使用して、Googleマップに小さな円があります。クリックして、Googleマップに今どこにいるかを伝えてください。現在、Geolocation APIは多くのデスクトップブラウザー（ChromeとFirefox 3.6+のみ）で広く採用されていませんが、Google Gearsプラグインは古いブラウザがこの機能を実装するのに役立ちます。
Twitterはこれを使用して、地理的な情報認識のツイートメッセージを実現します。ブラウザがGeolocation APIをサポートすると、APIを自動的に使用します。それ以外の場合は、Google Gearsが使用されます。
6. HTML5のより多くの意味
HTML5には、上記よりもはるかに意味があります。その最大の重要性は、Webドキュメントの構造を変更することにあります。ヘッダー、フッター、セクション、記事などの助けを借りて、より構造化されたセマンティックWebドキュメントを実装できます。このようにして、検索エンジンはWebサイトに簡単にインデックスを付け、より速く、より正確な情報を検索することもできます。
新しいHTML5タグを使用しているサイトが無数にあり、HTML5Galleryには多数のそのようなサイトがあります。今すぐ新しいHTML5構造を使用したい場合は、このHTML5チュートリアルをご覧ください。
さらに、Microdataの助けを借りて、HTML5はより強力なセマンティック構造を実装できます。この標準化されたデータ形式（マイクロフォーマットと同様）により、サイトはデータを提供するだけでなく、データ定義を提供することもできます。マイクロダタは、ブラウザと検索エンジンの両方にとって非常に重要です。検索エンジンはマイクロダタを使用してネットワーク上の友人を発見でき、ブラウザはソーシャルネットワークの友達サイトに接続できます。これは、Googleのリッチスニペットテストツールで体験できます。