ホームページ > 記事 > ウェブフロントエンド > H5 と C3 の新しいインタラクティブ機能は何ですか?

H5 と C3 の新しいインタラクティブ機能は何ですか?

php中世界最好的语言オリジナル: 2018-01-10 09:32:173573ブラウズ

今回は、H5 と C3 の新しいインタラクティブ機能とは何か、また H5 と C3 の新しいインタラクティブ機能の使用方法についてお届けします。 H5 と C3 の新しいインタラクティブ機能を使用する際の注意事項は何ですか? ここで実際のケースを見てみましょう。

HTML5とはとCSS3

HTMLとCSSを理解するのは難しくありません。 HTML は Web ページを構成する主な言語です。この言語を通じて、Webページの形式、内容、表示効果などをコンピュータに説明することができます。 CSS は、Web ページの表示効果を制御するために特に使用される言語です。このとき、なぜ CSS だけを使用する必要があるのかという疑問が生じます。HTML は Web ページの表示効果も制御できないのでしょうか?この質問に答えるために、簡単な例を挙げましょう:

説明すべきことが多すぎると、物事を明確に説明したいとき、多くの情報を繰り返さなければなりませんか?この場合、ページ言語にも同じことが当てはまります。この場合、言語は整理されておらず、理解するのが非常に困難です。表示効果を制御する言語をCSSに統合することで、ページ言語の主要部分のシンプルさを確保できるだけでなく、さまざまな言語セットの再利用が非常に便利になります。

HTML5 と CSS3 は HTML と CSS の最新バージョンであり、まだ標準化されていませんが、発表された新機能にはすでに興奮しています。

HTML5 の新機能

1. 新しいコンテンツタグ

HTML4 のコンテンツタグは同じレベルにあり、コンテンツの部分を区別できません。 HTML5 のコンテンツタグは互いに独立しており、さまざまなレベルを持っており、検索エンジンと統計ソフトウェアはコンテンツの各部分を迅速に識別できます。

2. より良いテーブルシステム

これからは、JavaScript や PHP を放棄し、HTML5 を通じてのみテーブルを定義できます。表の各セルの入力形式、このセルが必須かどうかなどを定義できます。

3. オーディオとビデオ API

HTML5 では、Web ページにビデオとオーディオを直接統合できるだけでなく、メディア再生を制御するための機能豊富な API セットも提供されます。また、メディア再生の制御に使用されるこれらの要素も、編集することができます。したがって、HTML5 は実際に、ビデオおよびオーディオレベルで一般的に使用される Flash プラグインを置き換えることができます。

4. Canvas API

Web ページにグラフィックを描画するには、Flash や Silverlight などのプラグインを使用する必要があります。ただし、HTML5 では、Web ページ上に直接描画できるほか、グラフィックの描画、ズームインおよびズームアウトなど、Web ページとのより多くのインタラクションを生成することもできます。 The Legend は HTML5 で作られた小さなゲームです。

5. Geolocation AP

HTML5 は、地理情報アプリケーションインターフェイス Geolocation API を提供します。この API を通じて、Web ページは IP、GPS などを通じてユーザーの地理情報を取得でき、同時にユーザーはこの機能をオフにするかどうかを選択することもできます。

6. Web ストレージ API

HTML5 は、Web アプリケーションのオフライン使用を容易にする Web ストレージ API を提供します。さらに、新しい API は、Cookie に比べて、セキュリティが高く、効率が高く、容量が大きいという利点もあります。

7. ドラッグアンドドロップ API

HTML5 のドラッグアンドドロップ API を使用して、Web ページでのドラッグアンドドロップ効果を完成させることができ、以前の Web ページのドラッグアンドドロッププロセス中に要素を常に変更する必要がなくなります。場所とコードの多さの欠点。

CSS3の新機能

1. RGBa

CSS3の新しいRGBa機能を使用すると、各要素の色と透明度を設定できます。一般的に使用される元の opacity コマンドは、要素とそのサブ要素のみを設定できます。

2. 複数列レイアウト

CSS3 の新しい複数列レイアウトセレクターは、HTML レイアウトタグなしで複数列レイアウトを生成でき、「列数」、「列幅」、「列間隔」をすべて定義できます。。

3.角丸機能

角丸機能はCSS3が提供する最も実用的な機能と言えるでしょう。 Border-radius を使用すると、指定した HTML 要素に簡単に丸い角を追加できます。また、丸い角のサイズや、どの角が丸いか、どの角が丸くないかを定義することもできます。

4. @font-face

ユーザーがインストールしていないフォントが Web ページに表示される場合、CSS3 が提供する @font-face 関数は、ユーザーがインターネットから対応するフォントをダウンロードするのを自動的かつサイレントに支援します。これにより、デザイナーは、ユーザーのマシンに対応するフォントがインストールされているかどうかを考慮する必要がなく、より自由に遊ぶことができます。

5. その他の機能

さらに、CSS3 では、グラデーション、文字列が長すぎるのを防ぐ、複数の背景、要素の境界線として画像を使用するなどの機能も提供されています。

CSS3を上手に活用することで、これまで多くのプラグインでしか得られなかった効果をより早く得ることができます。要素自体を使用してほとんどの画像を置き換えることで、Web ページの読み込み速度が向上し、元々画像だったコンテンツも検索エンジンで取得できるようになります。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。