ホームページ  >  記事  >  ウェブフロントエンド  >  マークアップ言語HTML5の特徴とは

マークアップ言語HTML5の特徴とは

青灯夜游
青灯夜游オリジナル
2021-02-20 14:42:214864ブラウズ

HTML5 の特徴: 1. ハイパーテキスト マークアップ言語はスーパーセット アプローチを使用してバージョンをアップグレードし、より柔軟で便利になります; 2. ハイパーテキスト マークアップ言語はサブクラス要素を使用してシステム拡張を保証します; 3. クロスプラットフォーム、幅広いプラットフォームで利用可能; 4. 多機能性; 5. 即時アップデート; 6. オフラインキャッシュ機能; 7. ビデオとオーディオのサポート。

マークアップ言語HTML5の特徴とは

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

1. HTML とは

html5 を理解する前に、まず HTML 言語について説明する必要があります。 HTML の利点はまだ保持されています。

HTML は、HyperText Markup Language の略称です。標準のユニバーサル マークアップ言語に基づくアプリケーションです。仕様および標準でもあります。マーク シンボルを使用して、表示される Web ページ内の各要素をマークします。 。 一部。最初のバージョンの登場から現在に至るまで、html は 5 回の改訂を経て、HTML 2.0 から HTML 5 まで、HTML は独自の利点を活かして Web サイトでその利点を証明し、古代の C 言語プログラミングに取って代わられるほどになりました。ウェブサイトを構造化するため、ウェブサイトの一部。

HTML には次の特徴があります:

1. シンプルさ: ハイパーテキスト マークアップ言語のバージョンはスーパーセット メソッドを使用してアップグレードされ、より柔軟で便利になります。

2. スケーラビリティ: ハイパーテキスト マークアップ言語の広範な応用により、機能拡張と識別子の追加が求められていますが、ハイパーテキスト マークアップ言語はシステム拡張を確実にするためにサブクラス要素の方式を採用しています。

3. プラットフォームの独立性: パーソナル コンピューターが普及していますが、MAC などの他のマシンを使用している人もたくさんいます。ハイパーテキスト マークアップ言語は幅広いプラットフォームで使用できます。これが World Wide Web が人気のもう 1 つの理由です。 (WWW)が人気の理由。

4. 普遍性: さらに、HTML はインターネットの世界共通言語であり、シンプルで普遍的な多目的マークアップ言語です。これにより、Web ページ制作者はテキストと画像を組み合わせた複雑なページを作成でき、使用するコンピュータやブラウザの種類に関係なく、インターネット上の誰でもこれらのページを閲覧できるようになります。

2. HTML5 とは

HTML5 は、インタープリタ型言語である HTML (Hypertext Markup Language) の 5 番目の更新製品です。ファイル拡張子の接尾辞は.htmまたは.htmlの形式で、多くのメーカーが共同開発した製品で、2022年にはW3Cが標準版を発売する予定と言われています。まだ継続的な改善が行われていますが、新しい機能により Web 開発者の時間とサイクルが節約されただけでなく、ユーザー エクスペリエンスが向上し、開発者へのサービスも向上しました。

HTMLの時代になると、画面全体がdiv要素で埋め尽くされ、構造がわかりにくく、読みにくく、コードが肥大化してしまいます。 HTML5 では、Web ページ構造のレイアウトを明確にするために、ナビゲーション、ヘッダー、フッター、記事などの多くの新しいセマンティック レイアウト タグが追加されています。従来はFlashのみで完結していた音声、動画、画像、描画、アニメーションなどの機能も新たに追加された。 HTML5 の新機能を使用して、多くのクールな効果を作成できます。

関連する推奨事項: 「HTML5 ビデオ チュートリアル

3. HTML5 の機能

1.セマンティック機能 (クラス: セマンティック)

HTML5 は、Web ページにより良い意味と構造を与えます。より豊富なタグには RDFa、microdata、microformats のサポートが含まれ、プログラムとユーザーの両方にとってより価値のあるデータ駆動型 Web を構築します。

2. ローカル ストレージ機能 (クラス: オフライン & ストレージ)

HTML5 に基づいて開発された Web アプリは、HTML5 APP キャッシュとローカル ストレージ機能により、起動時間の短縮とネットワーク速度の高速化を実現します。 。インデックス付き DB (html5 ローカル ストレージの最も重要なテクノロジの 1 つ) と API ドキュメント。

3. デバイス互換機能 (クラス: DEVICE ACCESS)

地理位置情報機能の API ドキュメントが公開されて以来、HTML5 は Web アプリケーション開発者により多くの機能最適化オプションを提供してきました。より多くの経験を積める機能の利点。 HTML5 は、データとアプリケーションにアクセスするための前例のないオープン インターフェイスを提供します。外部アプリケーションをブラウザ内のデータに直接接続できるようにします。たとえば、ビデオやオーディオをマイクやカメラに直接接続できます。

4. 接続特性 (クラス: CONNECTIVITY)

より効果的な接続効率により、ページベースのリアルタイム チャット、より高速な Web ゲーム エクスペリエンス、およびより最適化されたオンライン コミュニケーションが可能になります。 HTML5 には、より効果的なサーバー プッシュ テクノロジがあり、サーバー送信イベントと WebSocket の 2 つの機能は、サーバーがクライアントにデータを「プッシュ」する機能を実現するのに役立ちます。

5. Web マルチメディア機能 (クラス: MULTIMEDIA)

Web ページ上のオーディオやビデオなど、Web サイト独自の APPS、カメラ、オーディオビジュアル機能を補完するマルチメディア機能をサポートします。

6. 3 次元、グラフィックス、特殊効果機能 (クラス: 3D、グラフィックス & エフェクト)

SVG、Canvas、WebGL、CSS3 の 3D 機能に基づいて、ユーザーは驚くでしょうブラウザの3D機能により、圧倒的なビジュアルを実現。

7. パフォーマンスと統合の機能 (クラス: パフォーマンスと統合)

読み込みを永遠に待つユーザーはいません - HTML5 は、XMLHttpRequest2 などのテクノロジを通じて以前のクロスドメインの問題を解決し、Web アプリケーションや Web サイトがさまざまな環境でより高速に動作するように支援します。

8. CSS3 の機能 (クラス: CSS3)

CSS3 は、パフォーマンスとセマンティック構造を犠牲にすることなく、より多くのスタイルと強力な効果を提供します。さらに、Web の Open Font Format (WOFF) は、以前の Web 写植よりも優れた柔軟性と制御を提供します。

4. HTML5 の特別な利点

1. クロスプラットフォーム性

HTML5 が登場する前は、プラットフォームの多様性 これにより、異なるプラットフォーム向けに製品の複数のバージョンを開発することになり、多くの時間とエネルギーが消費され、開発コストが増加します。しかし、HTML5 テクノロジの出現により、この問題はうまく解決できます。 1 つのプログラムで複数のプラットフォームの表示機能を簡単に実現できるため、開発の難易度が下がり、開発時間とコストが削減されます。

2、即時アップデート

ネイティブ アプリケーションが Appstore で公開されるまでは、審査のために長い間待つ必要がありました。問題が発生して更新が必要になった場合は、再レビューする必要があり、目に見えないほど多くの時間を無駄にしていました。 HTML5はブラウザ経由で読み込まれるため、そのような問題はなく、問題が発生してもレビュー時間を待たずに更新して起動することが可能です。

3. オフライン キャッシュ機能

HTML5 の最も優れた機能はオフライン キャッシュです。 JavaScript を通じていくつかの異なるオフライン ストレージ機能が提供されており、従来の Cookie に比べて柔軟性と構造が優れており、より多くのコンテンツを保存できます。セキュリティとパフォーマンスが向上し、ブラウザを閉じた後でも保存できます。

4、ビデオとオーディオのサポート

これまで、メディア再生機能を実装するときは、開発者にとって常に苦痛な作業でした。ビデオとオーディオが HTML5 を通じてリソースにアクセスできるようにする必要がありました。タグと .そして、正しく再生するためには、大量のパラメータを与える必要があります。この方法では、タグを繰り返し続ける必要があり、コードが非常に煩雑になります。これで、すべてが非常に簡単になりました。

5、明確なコード

HTML5 を使用すると、シンプルで明確なコードを作成できます。 HTML5 では、セマンティック HTML ヘッダー タグを使用してコンテンツを記述することで、div とそのクラスを定義する問題を最終的に解決できます。コードをより明確かつ理解しやすくします。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

以上がマークアップ言語HTML5の特徴とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。