インターネットの開発は常に新しいテクノロジーの出現を生み出しており、HTML5とCSS3は、最近、特にフロントエンド開発者のすべてのホットなトピックです。それでは、HTML5とCSS3には輝かしいことは何ですか? Webrebuild Beijing Exchange ConferenceとThe Pearl Milk Tea Gangで「 HTML5とCSS3を公開する」ことを共有しました。
http://docs.google.com/present/view?dhpdbrp_51hf88z8g8
HTML 5ドラフトの前任者は、2004年にWhatWGによって提案され、2007年にW3Cによって提案され、新しいHTMLワーキングチームを設立しました。 2008年1月22日に、最初の公式ドラフトがリリースされました。 HTML 5は、過去10年間でWeb開発基準の最大の飛躍です。以前のバージョンとは異なり、HTML 5は、Webコンテンツを表すだけではありません標準化されています。それでは、HTML5の技術的な概要を見てみましょう。
HTML5は、ビデオやオーディオなどの多くのマルチメディアとインタラクティブな要素を追加しました。 IMGタグと同じくらい便利です。ページのレイアウトとコンテンツの実装に関して、HTML5は、HTMLを使用してファイルのアップロードバーを表す場合は、HTML5を使用してProgress Elementを使用してそれを表すことができます。 。タスク完了の割合。 YouTubeは、http://www.youtube.com/html5(壁を横切る必要がある)で試みました。もちろん、HTML5は、入力とテキストアレアのプレースホルダー属性など、いくつかの要素にいくつかの属性を追加しました。これは、入力ボックスの入力プロンプトに相当します。スクリプト。すべてのHTML共通属性について、通常、クラス、ID、Tabindex、タイトルなどの「グローバル属性」と呼びます。 HTML5は、HTML5のアイテム、ItemPro、件名などの新しい属性など、マイクロダタのサポートも追加しています。
もちろん、HTML5は、Font、Center、Strikeなどのページ表示を表す要素も削除しました。これらはCSSによって行われるべきであるため、Webサイトのアクセシビリティに影響を与える可能性があります。フレーム、フレームセット、noframe、および頭字語などのいくつかの珍しい要素、abbrなどの削除されたものは、略語を表すために使用されます。 HTML5は、リンクのRev属性やTDのスコープ属性などのクライアントの互換性に影響を与えるHTMLの親しみを削除します。
HTML5は、URL、電子メール、日付、電話などの強力な制御タイプ、必要なもの、ファイルアップロードの受け入れ属性、およびいくつかのフォームの重複する要素モデルのサポートを提供します。 XML送信方法。サーバーが受信したデータはXML形式で、HTML5フォームは現在「Webフォーム2.0」として定義されています。
Webフォーム2.0デモを表示するには、ここをクリックしてください、Opera9.5+が必要です
多くのHTML5インターフェイスは、DOMレベル2 HTMLのHTMLDocumentから継承されます。もちろん、HTML5には次のような顕著な新しいメンバーもあります。選択されたセレクターのオブジェクトには、QuerySelectorとQuerySelectorAllに2つのメソッドがあり、Yui3のY.ONEおよびY.ALLに相当するCSSセレクターに基づいてクエリの要素を取得できます。
HTML5はJavaScriptにどのようなAPIを追加しましたか?
ビデオ/オーディオ:HTML5は、ビデオとオーディオのAPIを提供して、開発者がメディアコンテンツの再生や一時停止などの独自のユーザーインターフェイスを制御できるようにします。
Canvas:Canvasは、グラフィックを描画するためにスクリプト言語(通常はJavaScript)で使用できる新しいHTML要素です。たとえば、画像を描画したり、画像を統合したり、シンプルな(それほどシンプルではない)アニメーションを行うために使用できます。キャンバスは、私がPhotoshopを使用しているという最初の感覚を与えてくれます。ストロークスタイルを介してストロークの色を埋めるか、描画パスの操作でさえ、Photoshopのペン操作と一致します。 Canvasには、Firefoxのリアルタイムダウンロードステータス統計など、多くのWebサイトですでにアプリケーションがあり、Canvasを使用してWebゲームを作成することもできます。
ドラッグ&ドロップ:デバイスを示すビジュアルメディアでは、「ドラッグ」の操作はマウスダウンとマウスモーブのマウスモーブのイベントであり、「ドロップ」はマウスが放出されたときにトリガーされるイベントです。 DataEventおよびDataTatransferインターフェイスは、ドラッグ操作が発生すると同時に、ドラッグスタート、ドラッグリーブ、ドロップ、ドラッグエンド、その他のイベントなどのイベントがトリガーされます。
Webワーカー:JavaScriptマルチスレッドを作成し、現在のブラウザ操作をブロックせずにバックグラウンドで多くの作業を行うことができます。
ジオロケーション:Geolocation.GetCurrentPosition(成功、エラー)は、共有を選択した場合、成功関数のパラメーターを共有するかどうかを促します位置オブジェクトには、座標オブジェクトには、緯度(寸法)などの多くの地理的な位置情報が含まれていますiPhoneなどの一部の携帯電話で。
アプリケーションキャッシュ:これは、HTMLアプリケーションのHTML5のサポートです。 。オフラインアプリケーションのために、GoogleはGoogle Gearsブラウザー拡張機能も開発しましたが、最終的には、GoogleのHTML5への切り替えもHTML5ストレージとオフラインアプリケーションの利点を見ることができます。
ストレージ:WebKitはデータベースストレージを実装しており、データをクエリしてバックエンド操作データベースなどの操作を実行できます。 CookieとgetItemを介して保存および取得できるSessionStorageやLocalStorageなど、別のタイプのストレージがあります。
X-Documentメッセージング:ブラウザは、セキュリティとプライバシーのために異なるドメイン間のドキュメントの通信をブロックしますが、害はないさまざまなドメインでのドキュメント通信に多くの問題をもたらしますが、この種のHTML5クロスドキュメント通信を達成することができ、ソースドメインがどこから来たのかを無視し、同時にスクリプト攻撃を防ぐことができます。
HTML5はあなたを興奮させましたか?では、HTML5はいつ標準になりますか? 2022年までになると言われており、非常に興味深いWebサイトhttp://ishtml5readyyet.com/があります。