HTML5新しい要素と属性は、デザイナーの冒険と機会です

wulin.comの記事紹介（www.vevb.com）：Flashのキラーであると噂されているHTML5は、Webアプリケーション開発に使用される変革的ネットワークテクノロジーです。

HTML5は、Flashのキラーと言われており、Webアプリケーション開発に使用される変革的ネットワークテクノロジーです。 HTML 5は、いくつかの新しい要素と属性を提供します。その一部は技術的に<div>および<Span>タグに似ていますが、<nav>や<footer>などのいくつかの意味があります。このタグは、エンジンのインデックス作成、小画面デバイス、視覚障害者の検索に役立ちます。同時に、<audio>や<video>タグなどの標準インターフェイスを介して、他の閲覧要素に新機能が提供されます。

元のDOMインターフェイスに加えて、HTML5はより多様なAPIを追加します。

Canvas API：動的出力およびレンダリンググラフィック、チャート、画像、アニメーションのAPI。

HTML5オーディオとビデオ：HTML5の新しい要素は、プラグインをインストールせずにオーディオとビデオを処理するための一般的な統合されたスクリプトAPIを開発者に提供します。

通信API：リアルタイムおよびオリジンクロスコミュニケーションを構築するための2つの主要な基礎：クロスドキュメントメッセージングとXMLHTTPREQUESTレベル2。

上記の技術的な説明は、WhatWG HTMLドキュメントに存在しますが、W3C HTML5ドキュメントにすべて含まれているわけではありません。 W3Cは一部のテクノロジーについて個別の説明を行っているため、この記事は1つずつ繰り返されることはありません。

少し技術的に聞こえるので、HTML5は設計にどのような影響を与えますか？これは、Webデザイナーと開発者がプロ​​グラミングコードについて話し合った後に考慮しなければならないものです。

モバイルインターネットフィールドを例にとると、多数のターミナルデバイスとプラットフォームに直面して、デザイナーと開発者は、製品の表示とエクスペリエンスの一貫性の観点から妥協をしなければならず、プラットフォームに埋めるプロセスで私たちのエネルギーの多くを無駄にしました。製品はより高いレベルに達する可能性がありますが、モバイルターミナル（ハードウェアやソフトウェアを含む）の断片化の現実は、良い願いをブロックします。

現在の主流の携帯電話開発プラットフォームには、iOS、Symbian、Linux、Palm、Blackberry、Windows Mobile、Androidなどがあります。その中には、それぞれ480*320、960*640、および1024*768の解像度のために設計する必要があります。 QVGA解像度は240*320、WQVGA解像度は240*400、HVGA解像度は320*480、WVGA解像度は480*800、FWVGA解像度は480*854などです。 Symbianシステムには長い歴史があり、現在では主にS60 V3およびV5バージョンに焦点を当てており、解像度はまだ176*208、208*208、240*320/320*240、352*416/416*352および800*352および他の多くのタイプです。同じプラットフォームであっても、異なる解像度には対応する違いがあります。さらに、バージョン1.0、バージョン2.0からバージョンN.0まで、クライアント製品を更新および継続的に繰り返す必要があります。ネイティブアプリが開発されるたびに、プラットフォームをレイアウトする必要があります。そして現実には、すべてのユーザーが新しいバージョンを積極的に更新するわけではないため、デザイナーと開発者は、新しい機能を開発する際に以前の古いバージョンがサポートされるかどうかを心配する必要があります。さまざまなプラットフォームにさまざまなバージョンを掛け、人材と材料リソースがプラットフォームの敷設作業に投資され、製品ユーザーエクスペリエンスを改善するためのエネルギーは比較的限られています。

そのため、人々は断片化された端末デバイスの拷問を十分に持っており、ネイティブアプリとは異なるものを楽しみにし始めました。 HTML5テクノロジーによって開発されたWebアプリの出現により、デザイナーと開発者に明るいビジョンが得られました。 HTML5テクノロジーのレンダリングプロセスは、主にブラウザ、HTML5パーサーが埋め込まれたアプリケーション、ブックマークの開口部をサポートするアプリケーション、または携帯電話製品によって実行されます。このようにして、製品の発売とバージョンの更新は、プラットフォームを敷設するのにそれほど時間がかかりなくなりました。 Appleratorの内部ロジックは、iOSやAndroidなどのプラットフォームの製品のUIをネイティブインターフェイスに変換します。同時に、Webアプリの形式の製品では、ユーザーがダウンロードして更新する必要はなく、ネットワークを介して最新バージョンにアクセスできます。また、デザイナーと開発者がエラーをデバッグして修正することを容易にします。また、新しいバージョンと古いバージョンを同時に考慮に入れるという問題はもうありません。

HTML5は非常に強力であるため、インターネット製品の品質を改善し、開発者の実際の環境を改善する可能性があります。したがって、デザイナーと開発者は、必要に応じてそれを理解する必要があります。しかし、これは、デザイナーが自分の仕事を下げてプログラミングテクノロジーを学習し始めなければならないという意味ではありません。代わりに、HTML5が特定のデザインに対してどのような明らかな変更を加えなければならないか、およびHTML5テクノロジーがどのようなデザイン効果を達成できるかを考慮する必要がありますか？

Apple、Google、Microsoftなどの巨大企業の積極的な擁護の下で、HTML5テクノロジーは急速に進歩し、Webアプリが達成できる効果はますます豊富になりつつあります。実際、多くのWebアプリをネイティブアプリと比較できます。 HTML5サポートに最適なブラウザは、SafariとChrome、Firefox、Operaが不十分であり、IEブラウザのサポートが最も低いです。下の図に示すように：

今日では、インターネット上で「HTML5で開発された19のWebサイト」や「25 SuperB HTML5 Canvas Games」など、関連する紹介記事がよく見られます。デザイナーはそれを使用するためにしばしばそれを使用することができます。スペースの制限により、この記事では、例にHTML5テクノロジーを使用する典型的なウェブサイト製品のみを提供します。