HTML 5 の初めての紹介: it_html/css_WEB-ITnose についての 3 つのこと

出典: http://www.ido321.com/949.html

1. HTML 5 が人気がある 3 つの理由

1. IE、Google、Firefox、Safari、Opera およびその他の主流ブラウザーのサポート

1.1 Microsoft: 2010 年 3 月 16 日、Microsoft はラスベガスで開催された MIX10 テクノロジ カンファレンスで、CSS3、SVG、HTML 5 などの一般的なインターネット標準のサポートを強化した IE9 のプレビュー バージョンを発表しました。

1.2 Google: 2010 年 2 月 19 日、Google Gears のプロジェクト マネージャーである Ian Feit は、Google が Gears を放棄し、HTML 5 の開発に集中すると自身のブログを通じて発表しました。

1.3 Apple: 2010 年 6 月 7 日、Apple は開発者カンファレンスで Safari 5 をリリースしました。これは、HTML 5 ビデオ、形式検証などを含む HTML 5 の 10 以上の新技術をサポートします。

1.4 Opera: 「CSS の父」として知られる Hakon Wium Lie は、HTML 5 と CSS 3 が世界的なインターネットの発展トレンドになると信じており、Opera も HTML 5 製品の開発に熱心に取り組んでいます。 Web の未来は HTML 5 にあります。

1.5 Mozilla: 2010 年 7 月に、Mozilla は HTML 5 構文アナライザー、フォーム コントロールなどをサポートする FireFox 4 のベータ版をリリースしました。

2. 時代の要件

今日の時代では、インターネットに普遍的な標準が必要です。 HTML 5 が登場する前は、ブラウザ間の不一致のため、Web ブラウザ間の互換性によって発生するバグを修正するだけで多くの時間が無駄に費やされていました。 HTML の目標は、Web を成熟したアプリケーション プラットフォームにすることです。HTML 5 プラットフォームでは、ビデオ、オーディオ、画像、アニメーション、およびコンピューターとの対話がすべて標準化されます。

Web ブラウザーに関しては、Web 標準プロジェクト グループが、Web ブラウザーと設計ソフトウェアの標準互換性をテストする Acid3 テストを設計し、開始しました。 Web アプリケーションの場合、Acid3 は動的コンテンツをチェックします。テストの焦点は主に ECMAScript、DOM レベル 3、メディア クエリ、および data:URL です。このテストの設計者は、HTML 5 の中心人物であり、現在 W3C の HTML 5 ワーキング グループのリーダーの 1 人である Ian Hickson です。

3. Internet Exploere 8

なぜここで IE 8 について説明するのでしょうか? IE も HTML 5 のサポートに向けて動いています。 IE 7 が登場する前は、IE と Firefox のシェア争いが激化し、Firefox に奪われたシェアを取り戻すために、IE 7 のリリース後にリリース版の IE 8 が登場しました。新たに登場したIE 8は、インターネット標準への準拠を発表し、Cookieを置き換えるsessionStorage関数やglobalStorage関数の実装など、HTML 5のサポートを開始した。ブラウザ市場のリーダーとして、IE はすでに HTML 5 を非常に重視しており、他のプレーヤーも当然その先例に従うことになります。したがって、市場における HTML 5 の大規模プロモーションの勢いは非常に強いと言えます。

2. HTML 5 を安心して使用する 3 つの理由

Web 開発者は一般に HTML 5 の方が優れていると信じていますが、それでも「古いブラウザでも正常に動作するのか？」などのことを心配しています。互換性の問題はありますか?」、「エラーは発生しますか?」などの質問があります。それでは続きを読んでください。

1. HTML 5 は古いブラウザでも実行できます。

2. 実用性: HTML 5 は複雑で非実用的な機能をカプセル化していません。これらの機能は開発速度を向上させることができます。

3. 非革新的な開発: HTML 5 の内部機能は開発的なものであり、HTML 4 標準を完全に破壊するものではありません。

HTML 5 の時代が到来しましたが、HTML 4 で作成された Web サイトを再構築する必要があるわけではなく、将来的には各 Web ブラウザーが HTML 5 で開発された機能を正常に実行できるようにするだけです。

3. HTML 5 によって解決される 3 つの問題

1. Web ブラウザー間の互換性が低い。

Web ブラウザ間の互換性は非常に低く、あるブラウザで実行できる Web プログラムは、別のブラウザではまったく異なります。 HTML 5では、各Webブラウザの機能を詳細に分析し、これに基づいてブラウザのすべての内部機能が同じ共通規格に準拠することが求められます。同じ規格に準拠しているため、互換性の問題は解決されます。

2. 文書の構造が不明瞭です

HTML 5以前のバージョンでは、「タイトル」であっても「テキスト」であっても、CSS+DIVのデザインが一般的に使用されていましたが、DIVは単にDIVとして使用されていました。文書の構造を表す要素としては使用できません。そのため、HTML 5 では、ヘッダー、ナビゲーション、セクション、アーティスティックなど、文書構造に関連する多くの要素が追加され、HTML 文書のコンテキストがより明確になりました。

3. Web アプリケーションの機能は制限されています

たとえば、複数のファイルを同時にアップロードすることは、HTML 5 より前には実現するのが困難でした。 HTML 5 はさまざまな Web アプリケーション API を提供し、各ブラウザーがそれらをカプセル化することで、HTML 4 では実現が困難な機能を非常に簡単に実装できます。 HTML 5 により、リッチな Web アプリケーションを実装できるようになりました。

次の記事: Canvas 入門 (1): 四角形、円、直線、曲線などの基本的なグラフィックを描画する