HTML5とは

1. HTML5 とは

HTML 5 ドラフトの前身は Web アプリケーション 1.0 と呼ばれ、2004 年に WHATWG によって提案され、2007 年に W3C によって承認され、新しい HTML ワーキング チームが設立されました。 2008 年 1 月 22 日、最初の公式草案がリリースされました。 WHATWG は、この仕様はまだ進行中の作業であり、長年の努力が必要であると述べました。現在、Firefox、Google Chrome、Opera、Safari (バージョン 4 以降)、および Internet Explorer 9 が HTML5 テクノロジをサポートしています。

HTML5 は、本質的に以前の HTML4 バージョンの仕様を完全に変更するものではなく、最初から以前の標準と互換性があるように設計されており、WEB によって開発された最新の新技術や新しい仕様の一部が新しいバージョンに導入されています。の規格。

2. HTML5の新機能

2.1 特定の意味を持つ新しいタグを追加

現在、すべてのサイトは基本的にdiv+cssレイアウトであり、ほぼすべての記事のタイトル、コンテンツ、補助的な紹介などはdivコンテナを使用しています。 。検索エンジンがページ コンテンツをクロールする場合、コンテナーの明確な意味がないため、これらのタグ コンテナーに記事のタイトルが含まれるのか、記事のコンテンツが含まれるのかなどを推測することしかできません。新しい HTML5 標準では、<article>、<footer>、<header>、<nav>、<section> などの特定の意味を持つ HTML タグが直接追加されます

2.2 よりインテリジェントなフォーム タイプが追加されました

以前のフォーム タグは、テキスト ボックス、テキスト フィールド、ドロップダウン リストなどの単なる単純な型制約でした。ビジネスと密接に統合されているフォーム タグ データ検証などのコントロールは、基本的にはサードパーティの JS コントロールと組み合わせて使用​​されますが、これらのコントロールには常にバージョン管理、ブラウザーの互換性、非標準のコントロールが含まれます。その他の一連の問題。スマート フォームは HTML5 標準に直接追加され、カレンダー、日付、時刻、電子メール、URL、検索など、すべてが非常にシンプルになります

2.3 は Web プログラムの独立性を高め、サードパーティのプラグインへの依存を減らします。

HTML5 標準では、オーディオ、ビデオ、キャンバス、その他のテクノロジーがネイティブにサポートされています。 WEB プログラムの独立性を高め、さまざまな形式のクライアントに適応できるようにします。

2.4 ローカルオフラインストレージのサポートの強化

HTML5 は、クライアント上にデータを保存する 2 つの新しい方法を提供します:

localStorage - 時間制限のないデータストレージ

sessionStorage - セッション用のデータストレージ

2.5 HTML5 インスタント2次元描画、canvasの紹介

HTML5のcanvas要素はJavaScriptを使ってWebページ上に画像を描画します。パス、長方形、円、文字を描画したり、画像を追加したりする複数の方法があります。

2.6 JS はマルチスレッドをサポートします

UI の更新やブラウザとユーザーの対話に影響を与えることなく、フロントエンドは setTimeout などを介してマルチスレッドをシミュレートする大規模な操作のみを実行できます。新しい標準では、JS の新しい HTML5 Web Worker オブジェクトがマルチスレッドをネイティブにサポートします。

2.7 WebSocket により、クロスドメインリクエスト、長時間接続、データプッシュが簡単になります

WebSockets は、(TCP) インターフェイスでの双方向通信のためのテクノロジーであり、PUSH テクノロジータイプです。 WebSocket は、HTML5 仕様で新しく導入された機能であり、WebSocket テクノロジを使用して、バックエンドがいつでもフロントエンドにメッセージをプッシュできるようにするために使用されます。従来のステートレス HTTP プロトコルでは、フロントエンドとバックエンドの状態を統一することは「できません」。

2.8 例外処理の改善

HTML5 (text/html) ブラウザーは、エラー構文の処理がより柔軟になります。 HTML5 は、古いブラウザが新しい HTML5 コードを安全に無視できるように設計されています。 HTML4.01 と比較して、HTML5 では完全な解析ルールが提供されているため、構文エラーが発生した場合でも、異なるブラウザーがまったく同じ結果を返すことができます。

2.9 ファイル API により、ファイルのアップロードとファイル操作が非常に簡単になります

プロジェクトではローカル ファイルの制御や操作に Web アプリケーションを使用することが多いため、これまでは Flash や ActiveX などのリッチ クライアント テクノロジ、Silverlight や Silverlight などのいくつかのリッチ クライアント テクノロジが使用されていました。他のテクノロジー。 HTML5 で新たに提供された HTML5 File API により、JS を簡単に使用できるようになります。

フォローアップでは、HTML5 についてより深く理解できるように導きます