HTML5 の基礎、パート 1: はじめに

HTML5 は、Web コンテンツを整理するために設計された言語であり、その目的は、標準的で直感的な UI マークアップ言語を作成することにより、Web デザインと開発を容易にすることです。 HTML5 には、ページを切り取ったり分割したりするためのさまざまな手段が用意されており、これにより、サイトを論理的に編成するために使用できるだけでなく、サイトを集約する機能も提供できる切り取りコンポーネントを作成できます。 HTML5 は、情報マッピングの本質を体現し、情報を分割し、情報をタグ付けして使いやすく理解しやすくするため、「情報から Web サイトのデザインへのマッピング手法」と言えます。これは、HTML5 の表現力豊かなセマンティクスと実用的な美しさの基礎であり、デザイナーや開発者は、単純なテキスト コンテンツからリッチでインタラクティブなコンテンツまで、あらゆるレベルでさまざまなコンテンツを公開できるようになります。すべてのマルチメディアが含まれています。

HTML5 は、効率的なデータ管理、描画、ビデオおよびオーディオ ツールを提供し、Web およびポータブル デバイス上でのクロスブラウザー アプリケーションの開発を容易にします。 HTML5 は、柔軟性が向上し、非常に魅力的なインタラクティブな Web サイトの開発をサポートするため、モバイル クラウド コンピューティング サービスの開発を推進するテクノロジーの 1 つです。また、新しいタグと、エレガントな構造、フォーム コントロール、API、マルチメディア、データベース サポート、大幅に向上した処理速度などの強化された機能も導入されています。

HTML5 の新しいタグは非常に刺激的であり、タグにはその機能と使用法がカプセル化されています。以前のバージョンの HTML では、より非説明的なタグが使用されていましたが、HTML5 には非常に説明的で直感的なタグがあり、コンテンツをすぐに識別できる豊富なコンテンツ タグのセットが提供されています。たとえば、頻繁に使用される

タグは、

と

という 2 つの追加タグによって補完されています。

< ; セクション> タグと タグには、画像、グラフ、写真を含めることができます。

タグには

を含めることができ、それに応じて、図をコンテンツとより密接に関連付ける説明を入力できます。リスト 5 は、

タグ構造の例を示しています。

リスト 5.

タグと

タグの例

図のキャプション

メディア要素

要素に加えて、HTML5 ではコンテンツの意味を即座に伝えるタグが提供されます。以前は埋め込むことしかできなかった音楽やビデオなどのメディア要素をより正確に識別できるようになりました。

リスト 7 は、

タグの例

ブラウザはビデオタグをサポートしていません

タグには、 タグを含めることができます。この要素を使用すると、代替のビデオ ファイルまたはオーディオ ファイルを指定でき、ブラウザはメディア タイプまたはサポートされているコーデックに基づいてその中から選択できます。リスト 8 には 2 つのオプションがあります。使用しているブラウザーでファイルの WMA バージョンが再生できない場合は、MP3 バージョンを試してください。それ以外の場合は、音声が利用できない理由をユーザーに知らせるメッセージを表示します。

リスト 8. タグの例