html5の新しいタグとは何ですか？

html5 タグ: bdi、マーク、メーター、進行状況、rp、rt、ruby、時間、wbr、データリスト、keygen、出力、キャンバス、オーディオ、ビデオ、ソース、ヘッダー、フッター、ナビゲーションなど。

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

HTML5 の新しいタグ

資格のあるフロントエンド開発者になりたい場合は、次のことを行う必要があることは誰もが知っています。 HTML5 をマスターすることは重要な前提条件です。HTML と比較して、HTML5 には多くの新しい機能タグがあります。では、これらのタグは何でしょうか?

形式:

周囲のテキストの方向設定とは関係なく、テキストのテキスト方向を定義します。

マーク付きテキストを定義します。

事前定義された範囲内でメトリックを定義します。

あらゆる種類のタスクの進捗状況を定義します。

ブラウザがルビ要素をサポートしていない場合に表示されるコンテンツを定義します。

ルビ注釈の解釈を定義します。

ルビアノテーションを定義します。

日付/時刻を定義します。

使用可能な改行を定義します。

フォーム:

生成されたキーを定義します。

<出力>いくつかのタイプの出力を定義します。

画像:

<キャンバス>グラフィックを定義します。

図要素のタイトルを定義します。

メディア コンテンツのグループとそのタイトルを定義します。

オーディオとビデオ:

メディア ソースを定義します。

メディア プレーヤーで使用されるテキスト トラックを定義します。

<ビデオ>ビデオを定義します。

リンク:

ナビゲーション リンクを定義します。

リスト:

コマンド ボタンを定義します。

スタイル:

セクションまたはページのヘッダーを定義します。

<フッター>セクションまたはページのフッターを定義します。

<セクション>セクションを定義します。

記事を定義します。

ページ コンテンツの外側のコンテンツを定義します。

要素の詳細を定義します。

要素の表示タイトルを定義します。

プログラミング:

外部アプリケーション (HTML 以外) のコンテナを定義します。

HTML5 の利点:

1. より美しいアニメーション効果を作成し、フロントエンド開発者がより優れたページ インタラクションを実現できるようにします

HTML5 で実装された Web ページはさらに美しく、これらのアニメーションは HTML5 タグと CSS3 スタイルによって実現される効果に基づいています。

2. クロスブラウザー問題を解決する

クロスブラウザー問題 HTML5 が登場する前、これはフロントエンド開発者にとって間違いなく悪夢の問題でした。 HTML、CSS、Java ページが 1 つのブラウザでは完全に正常に動作することは明らかですが、別のブラウザに変更すると、Java の実行エラー、ページ レイアウトの混乱など、多くの問題が発生します。この状況を変えたのが HTML5 プログラミング言語であり、現在、Internet Explorer、Chrome、Firefox、Safari などの主流ブラウザが HTML5 に大きな熱意を示しています。

3. クロスプラットフォーム、オフラインでの使用

HTML5 はクロスプラットフォームで使用でき、ほとんどのコア コードを書き直す必要はありません。Java コードをうまく使用すれば、次のような環境で使用できます。モバイル アプリケーション、モバイル Web サイト、PC Web サイト、さまざまなブラウザ プラグイン、さらには WebKit パッケージなど、多くの場所でクロスプラットフォーム アプリケーションとして使用できます。この方法は厳密な意味では完全なクロスプラットフォームではありませんが、後のメンテナンスにかかる時間とエネルギーを大幅に節約できます。

ユーザーはアプリケーションをオフラインで使用およびアクセスできますが、これはインターネットに常に接続したままにできないモバイル端末ユーザーにとって非常に重要であり、ユーザーがローカル キャッシュ ファイルにアクセスできることは通常、アクセス速度の高速化を意味します。 、ユーザー エクスペリエンスが大幅に向上したと言えます。

推奨チュートリアル: "html ビデオ チュートリアル "

以上がhtml5の新しいタグとは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。