ホームページ  >  記事  >  ウェブフロントエンド  >  html5 は 5 番目の改訂ですか?

html5 は 5 番目の改訂ですか?

青灯夜游
青灯夜游オリジナル
2022-01-18 10:34:171385ブラウズ

html5 は 5 番目のリビジョンです。 HTML5 は HTML 標準の 5 番目の改訂版です。その主な目標は、インターネットを意味論化し、人間や機械が読みやすくすると同時に、さまざまなメディアの埋め込みに対するサポートを強化することです。HTML5 の構文は次のとおりです。下位互換性。

html5 は 5 番目の改訂ですか?

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

HTML5

HTML5 は、HTML 標準の 5 番目の改訂版です。その主な目標は、インターネットを意味論化し、人間や機械が読みやすくすると同時に、さまざまなメディアの埋め込みをより適切にサポートできるようにすることです。 HTML5 構文には下位互換性があります。現在中国で一般的に呼ばれている H5 には、CSS3 と JavaScript が含まれています (厳密に言うと、このように呼ぶのは適切ではありませんが、このように呼ぶのはすでに間違っています)。

HTML5 は HTML の最新改訂版であり、この標準は 2014 年 10 月に World Wide Web Consortium (W3C) によって完成されました。

HTML5 は、モバイル デバイスでマルチメディアをサポートするように設計されています。

HTML5 のいくつかの興味深い新機能:

  • ペイント用の Canvas 要素。

  • メディア再生用のビデオおよびオーディオ要素

  • ローカル オフライン ストレージのサポートが強化されました。

  • 記事、フッター、ヘッダー、ナビゲーション、セクションなどの新しい特別なコンテンツ要素。

  • カレンダー、日付、時刻、電子メール、URL、検索などの新しいフォーム コントロール。

#HTML5 の改善

  • 新しい要素

  • 新しい属性

  • CSS3

  • ビデオとオーディオを完全にサポート

  • ##2D/3D グラフィックス
  • #ローカル ストレージ
  • ローカル SQL データ
  • Web アプリケーション
新しい要素と属性

1. セマンティック タグ

セマンティック タグにより、ページのコンテンツが構造化され、よく知られるようになります

## タグ 説明 ドキュメントを定義します ヘッダー領域 ドキュメントの末尾領域を定義しますドキュメントのナビゲーションを定義します ドキュメント内のセクションを定義します。ドキュメント (セクション、セクション) ページの独立したコンテンツ領域を定義しますページのサイドバーコンテンツを定義します##beb511a96a5aab3e931614dde36c9a0474bab71bc346026b84f2313feafdfe04ドキュメントまたはドキュメントのセクションの詳細を説明するために使用されます
23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5
c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010
52acbd48c880abe6ec1a40bfd792949e
2f8332c8dcfd5c7dec030a070bf652c34d7ab0de9a42de71c682b0860bad1410
23c3de37f2f9ebcb477c4a90aac6fffd7618f95bdc39e398f223d37049478af1
15221ee8cba27fc1d7a26c47a001eb9bb68cffaf0006380b7e39ea0c3d532826
##631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044 タグには詳細要素のタイトルが含まれます
a38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609 プロンプト ボックスなどのダイアログ ボックスを定義します

2. 強化されたフォーム

HTML5 には複数の新しいフォーム入力タイプがあります。これらの新機能により、入力制御と検証が向上します。

説明主に色の選択に使用されます#date#datetimedatetime-localemailmonthnumberrangesearch teltimeurlweek# # HTML5 では、次の Form Element
#入力タイプ

日付ピッカーから日付を選択します

日付 (UTC 時間) を選択してください

日付と時刻を選択してください (タイムゾーンなし)

電子メール アドレスを含む入力フィールド

月を選択

数値の入力value フィールド

一定範囲内の数値の入力フィールド

検索ドメインに使用されます

電話番号入力フィールドを定義します

時間を選択してください

URLアドレスの入力フィールド

週と年を選択

Form ElementDescriptionc5276ed735bbea753b63ed1251fcd908 要素の list 属性を使用して、fc86e7b705049fc9d4fccc89a2e80ee3 の ID をバインドします。 elementaa983b9eb8086376f1f6481364a02e5aタグは、フォームで使用されるキー ペア ジェネレーター フィールドを指定します。 dc997afdb5b9c30574263245f4fb3e7e出力###############

HTML5 新しいフォーム属性

  • プレースホダー属性では、ユーザーが値を入力する前に入力フィールドに短いプロンプトが表示されます。つまり、入力ボックスの共通のデフォルト プロンプトは、ユーザーが入力すると消えます。

  • 必須属性はブール属性です。入力する必要がある入力フィールドを空にすることはできません

  • pattern 属性は、d5fd7aea971a85678ba271703566ebfd 要素の値を検証するために使用される正規表現を記述します。

  • min 属性と max 属性では、要素の最小値と最大値を設定します。

  • step 属性は、入力フィールドの有効な数値間隔を指定します。

  • 高さと幅の属性。画像タイプの d5fd7aea971a85678ba271703566ebfd タグの画像の高さと幅に使用されます。

  • autofocus 属性はブール属性です。ページの読み込み時にフィールドが自動的にフォーカスを取得するように指定します。

  • multiple 属性はブール属性です。 d5fd7aea971a85678ba271703566ebfd 要素内で複数の値を選択できることを指定します。

HTML5 マルチメディア

HTML5 を使用すると、Web ページ上でビデオやオーディオを簡単に再生できます。)。

  • ##HTML5 は、オーディオ ファイルを再生するための標準を提供します。つまり、b97864c2e0ef2353a16c4d64c7734e92 要素

  • <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>
    の control 属性を使用します。
再生、一時停止、音量コントロールを追加します。

b97864c2e0ef2353a16c4d64c7734e92 と 81d2bc32cafa2076a27f10cdd878d0ab の間に、ブラウザがサポートしていない b97864c2e0ef2353a16c4d64c7734e92 要素のプロンプト テキストを挿入する必要があります。

b97864c2e0ef2353a16c4d64c7734e92 要素では、複数の e02da388656c3265154666b7c71a8ddc 要素を使用できます。e02da388656c3265154666b7c71a8ddc 要素は異なるオーディオ ファイルをリンクでき、ブラウザは最初にサポートされているオーディオ ファイルを使用します

現在、b97864c2e0ef2353a16c4d64c7734e92 要素は、MP3、Wav、Ogg の 3 つのオーディオ形式ファイルをサポートしています

  • HTML5 は、video 要素を通じてビデオを含める標準的な方法を指定します。

  • <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
    您的浏览器不支持Video标签。
    </video>
control は、ビデオを制御するための再生、一時停止、および音量コントロールを提供します。 play() メソッドやpause() メソッドなどの DOM 操作を使用して、ビデオの再生と一時停止を制御することもできます。

同時に、video 要素はビデオのサイズを制御する幅と高さの属性も提供します。高さと幅が設定されている場合、ページが読み込まれるときに必要なビデオ領域が予約されます。これらのプロパティが設定されておらず、ブラウザーがビデオのサイズを認識していない場合、ブラウザーは読み込み時に特定のスペースを予約できず、ページは元のビデオのサイズに基づいて変更されます。

とタグの間に挿入されたコンテンツは、video 要素をサポートしていないブラウザでの表示用に提供されます。

video 要素は複数のソース要素をサポートしており、要素は異なるビデオ ファイルをリンクできます。ブラウザは最初に認識された形式 (MP4、WebM、および Ogg) を使用します。

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

ユーザーを認証するための信頼できる方法を提供します

計算やスクリプトなどのさまざまなタイプの出力用

以上がhtml5 は 5 番目の改訂ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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