その後すぐに、HTML5 はますます多くの人々の注目を集め始めましたが、W3C は、HTML5 が最終的に成熟するまでにはまだ長い道のりがあると述べましたが、人々の期待が止まらないわけではありません。 2007 年、HTML5 は W3C 標準に向けて前進しました。HTML5 の使命は、リッチ Web アプリケーションをローカライズし、ブラウザ プラグインの束縛から解放されることです。 W3C は 2008 年 1 月に HTML5 の最初の草案を発表しましたが、HTML5 標準の完全な実装は 2022 年以降になる可能性があります。
HTML5とは
HTML5 は、HTML4.01、XHTML 1.0、DOM 2 HTML に次ぐ重要なバージョンであり、Flash、Silverlight、JavaFX などのブラウザ プラグインに対するリッチ インターネット プログラム (RIA) の依存性を排除することを目的としています。
HTML5の概要
HTML5 では、HTML コードに多くの新機能と変更が加えられています。次のような特定の API スクリプトを使用する必要があります。
ドム
2D描画を実現するCanvasオブジェクト
制御可能なメディア再生
オフラインストレージ
文書編集
ドラッグアンドドロップ
ドキュメント間のメッセージ
ブラウザ履歴管理
MIMEタイプとプロトコルの登録
HTML5 をサポートするブラウザは、HTML コード エラーをより柔軟に処理する必要がありますが、HTML5 をサポートしないブラウザは HTML5 コードを無視します。
HTML構文の変更
HTML5 では、新しい HTML 要素と属性が導入されています。その中には、div 要素に代わる nav 要素やフッター要素など、従来の一般的な要素のセマンティック バージョンもあります。また、audio 要素や video 要素など、まったく新しい要素もいくつかあります。 HTML4 で非推奨となっている一部の要素 (font や center など) は非推奨になります。 HTML5 で導入された新しい HTML 要素には次のものがあります。
記事: 記事
余談: コンテンツの隣にあるサイドバーのコンテンツ
オーディオ: オーディオ
キャンバス: 2D 描画
コマンド: コマンドボタン
データリスト: ドロップダウン選択ボックス
詳細: オブジェクトの詳細
ダイアログ:ダイアログボックス
embed: 外部プラグインまたはオブジェクト
図: メディア オブジェクトとラベル テキストのセット
ヘッダー: ページの先頭
hgroup: ドキュメントの特定の部分に関する情報
keygen: フォームによって生成されたキー
マーク: マークされたテキスト
メートル: 事前に定義された範囲内のメジャー
nav: ナビゲーションバー
出力: 出力
進行状況: 進行状況バー
rp: ルビコンテンツを識別します
rt: ルビ内容の説明
ルビ: ルビの内容
セクション: セクションを定義します
出典: メディアリソース
時間: 日付時刻
ビデオ: ビデオ
これらの新しいタグにより、HTML ドキュメントの読み込みが容易になり、検索エンジンが有用な情報をクロールしやすくなります。たとえば、検索エンジンは、最も関心のある記事タグ内のコンテンツを直接クロールできます。
HTML5 と一般的なテクノロジがどのように共存するか
今日の Web 世界は、さまざまなプラグインや API に慣れ親しんでいますが、HTML5 は Web 開発者やデザイナーに利便性と不便さをもたらしています。HTML5 はこれらの一般的なテクノロジとどのように共存するのでしょうか。
HTML5とフラッシュ
この議論は長い間続いており、Flash は一部の開発者やデザイナーによって悪用され、一部の Web ページの読み込みが遅くなりましたが、HTML5 は一縷の希望をもたらしました。まだ初期段階にある HTML5 と、すでに 10 年が経過している Flash を比較するのは不公平かもしれませんが、これは誰もが懸念している問題です。 Apple が Flash のサポートに消極的であるため、Mac ユーザーは Windows ユーザーよりも HTML5 の恩恵を受ける可能性が高くなります。以下は、 Mike Chambersが Mac および Windows プラットフォーム上のブラウザの CPU 負荷に関して実施したテストの一部です。
.jpg)
テストでは、使用するブラウザによっては、Mac プラットフォームでの Flash パフォーマンスが Windows プラットフォームよりも劣ることが示されています。現在、ビデオ ゲームに関する限り、Flash の方が良い選択であるようですが、ブラウザによっては、ビデオがそれほど複雑でない場合は、HTML5 の方が良い選択となります。 Web 開発者とデザイナーがこれらの議論から理解すべきことは、Flash の代替手段は存在するものの、Flash はしっかりと定着しており、クライアントはデザインを開発する際にターゲット ユーザーについてある程度の調査を行う必要があるということです。
HTML5 と IE 9
IE9 は HTML5 との互換性をよく宣伝しますが、IE9 はテキストとグラフィックの出力に Windows Modern Graphics API と PC のグラフィック アクセラレータ カードを使用するため、実際には HTML5 を十分にサポートするブラウザになります。 3 月の MIX ショーで Microsoft は、IE9 が GPU アクセラレーションによる HTML5 をサポートし、グラフィックス スクロール、3D グラフィックス表示、およびその他の処理をグラフィックス アクセラレータ カードに引き渡すことも発表しました。
HTML5 と Ajax
現在の HTML 言語の問題の 1 つは、Ajax を使用してオンライン アプリケーションを実装したい開発者にとって、HTML は軽量のアプリケーション インターフェイスであることです。 Ajaxwith.com では、 HTML はインターフェイスの読み込みに適しており、JavaScript はコマンドの実行に使用されると考えています。HTML はインターフェイス言語としては使いにくいですが、ほとんどの開発者にとって HTML が非常に馴染み深いものであることに変わりはありません。
良いニュースは、HTML5 により Ajax アプリケーションの実装が容易になるということです。
CSSを使用したHTML5
h1 や h2 などのタグは使用されなくなるため、HTML5 との互換性を実現するには、CSS リセットを使用して一般的な HTML タグの CSS を置き換えるのが最善の方法です。 Work は、最良の CSS リセットは Eric Meyers の CSS リセットであると信じています。
HTML5 の長所と短所
HTML5 はモバイル Web にさらなるメリットをもたらす可能性があります。その理由は、現在 iPhone がモバイル Web を支配しており、iPhone は Flash をサポートしていないためです。 HTML5 により、他のプラットフォームのモバイル ブラウザでも Web ページをより速く読み込むことができるようになります。もう 1 つの利点は SEO です。Google は 4 月 9 日に、ページの読み込み速度が検索ランキングの要素となるため、HTML5 ベースのページも読み込み速度の高速化による恩恵を受けると発表しました。
ただし、新しいテクノロジーの出現と同様に、Web デザイナーにとっての最大の問題は、これらの新しいタグの導入により、ブラウザー間で統一されたデータ記述が欠如することです。
HTML5 が広く採用されるまでは、HTML5 コードがどのような良いことをもたらすか、それとも悪いことをもたらすかは完全にはわかりませんが、開発者にとっては大きな変化となるでしょうが、グラフィック デザイナーにとってはまだ明らかではありません。
この記事の海外情報源: instantshift.com HTML5: 誇大宣伝の価値はありますか(原著者: Shannon Suetos)
中国語編集ソース: Ruishang Enterprise CMS Web サイト コンテンツ管理システム公式 Web サイト