1. HTML5 とは

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

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

2. HTML5の新機(jī)能

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

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

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

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

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

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

2.4 ローカルオフラインストレージのサポートの強(qiáng)化

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

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

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

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

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

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

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

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

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

2.8 例外処理の改善

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

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

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

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