ホームページ > 記事 > ウェブフロントエンド > H5 の最も包括的な解釈
今回は、H5 の最も包括的な解釈、H5 の詳細な理解、および H5 を使用する際の 注意事項 について、実際のケースをお届けします。
公式: HTML5 の概念
HTML5 は、1999 年に策定された HTML 4.01 および XHTML 1.0 標準を置き換えるために使用される HTML 標準バージョンです。まだ開発段階にありますが、ほとんどのブラウザーはすでに特定の HTML5 テクノロジーをサポートしています。 HTML 5 には 2 つの主要な機能があります。1 つは、Web ページのパフォーマンスを向上させることです。次に、ローカルデータベースなどのWebアプリケーション機能が追加されます。広い意味で HTML5 について話す場合、実際には HTML、CSS、JavaScript を含む一連のテクノロジーの組み合わせを指します。 Adobe Flash、Microsoft Silverlight、Oracle JavaFX などのプラグインベースのリッチ インターネット アプリケーション サービス (RIA) に対するブラウザの必要性を減らし、ネットワーク アプリケーションの標準を効果的に強化できる機能をさらに提供したいと考えています。
現状
現在、H5 はインターネット界隈で広く話題になっており、市場の需要に応じて H5 エンジニアのポジションが多数登場しています。 H5 のエンジニアが誕生し、デザイナーの履歴書にも H5 の単語が登場します。携帯電話のHTMLレイアウトはH5というそうです。
人口の大多数にとっての H5 とは正確には何ですか?
2015 年は、すべての主要企業とブランドが HTML5 に狙いを定め、無限の創造性と工夫を凝らして、あらゆる種類の H5 が誕生しました。しかし、H5 は 1 年間の努力の結果、完成した製品はたくさんありますが、本当に人気のある製品はほとんどありません。これは多くのブランドを深く考えさせずにはいられません。H5 を最大化し、効果的なコミュニケーション効果を達成するにはどうすればよいでしょうか?
実際、H5 マーケティングを成功させるには、人間性への洞察、高いプレイアビリティ、賢明なブランド露出という 3 つの要素が必要です。最近、友人たちの間で話題になった「世界的なホットニュース」である H5 ゲームは、上記の 3 つのポイントを完全に満たし、一夜にして「インターネットの有名人」になりました。
今日のネチズンの特徴を 5 つの単語で表すと、「楽しい」、「自慢する」、「参加する」、「楽しい」、「トレンドを追う」になります。人間の本性を深く理解し、適切な薬を服用することによってのみ、ユーザーが再び広めようと思えるような H5 を作ることができます。
つまり、要約すると、人々が H5 と呼んでいるものは HTML5 のことを指すのではなく、****WeChat などのモバイル端末でクールに見える**** ものであり、**** 会社の機能を**** 強化できるものです。スタイルを変えて訪問を明るくします。 **** コンテンツがなくても、広く転送して共有できるものです。それはマーケティング概念における H5 です
私 (フロントエンド開発者) の目から見た H5 の目標:
HTML5 の目標は、より単純な Web プログラムを作成し、より簡潔な HTML コードを記述できるようになることです。たとえば、Web アプリケーションの開発を容易にするために、HTM1 をより簡潔にするために多くの API が提供され、新しい属性や要素などが開発されます。全体として、次世代 Web プラットフォームに多くの新機能と新しい標準を提供します。
HTML5が人気の理由
H5が画期的と言われようが、革命的と言われようが、業界に認知され、大規模に普及・活用されなければ意味がありません。実際、H5 はすでに世界的に有名なブラウザ メーカーによってサポートされています。
1. 時代の要請。
現在の時代では、インターネットの統一された世界標準が緊急に必要とされています。 H5 が登場する前の状況では、ブラウザ間の意見の相違により、Web ブラウザ間の互換性を変更することによるバグだけで多くの時間が無駄に費やされていました。 H5 の登場により、Web 開発は新しい時代を迎えました。このプラットフォームでは、ビデオ、オーディオ、画像、アニメーション、およびコンピューターとの対話がすべて標準化されています。
2. IE8のサポート。
Web 開発者にとって IE の重要性は誰もが知っています。現在最高の市場シェアを誇る
IE ブラウザ も H に積極的に対応しており、Microsoft も新しいユニバーサル インターネット標準に対する承認とサポートを表明しています。例: Cookie を置き換える h5 の sessionStorage 関数と globalStorage 関数は、IE8 でサポートされています。ajax を使用する場合、戻るボタンをクリックすると、実際に操作を返すことができます。
H5で解決すべき3つの課題
1. Webブラウザ間の違いと互換性。
2. 古い標準文書の構造は十分に明確ではありません。3. Webアプリケーションの機能には制限があります。
H5新標準知識点リスト
1. 新しい要素/属性を追加し、要素/属性とレイアウト構造を廃止します。
2. ネイティブフォーム検証
3. キャンバス描画グラフィックス (主にデータ視覚化に使用)
5. 履歴 API 履歴レコード (フロントエンドのルーティング管理に使用)
6.ローカル ストレージ (Web ストレージ、indexedDb データベース)
7. オフライン アプリケーション (ブラウザーとサーバーの対話)
8. ファイル API (ファイルリスト オブジェクト、BLOB オブジェクト、ファイルリーダー オブジェクト、Base64 エンコードのサポート)
9.
10. WebRtc 通信 (ブラウザ検出、P2P 通信、ファイアウォール越え、複数人通信など)
11. 拡張 XMLHttpRequest API (クロスドメイン)
13.地理的位置
14 、ドラッグ アンド ドロップ API や通知 API
など
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php の他の関連記事に注目してください。中国語のサイトです!
関連書籍:
異なるバージョンの vscdoe で異なるバージョンの Nodejs をデバッグする方法Vue2.0 プロジェクトの非常に実用的なコード集以上がH5 の最も包括的な解釈の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。