html5 は 5 番目のリビジョンです。 HTML5 は HTML 標準の 5 番目の改訂版です。その主な目標は、インターネットを意味論化し、人間や機械が読みやすくすると同時に、さまざまなメディアの埋め込みに対するサポートを強化することです。HTML5 の構文は次のとおりです。下位互換性。
このチュートリアルの動作環境: 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. セマンティック タグ
セマンティック タグにより、ページのコンテンツが構造化され、よく知られるようになります
## タグ
説明
|
23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5 |
ドキュメントを定義します ヘッダー領域
|
c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010 |
ドキュメントの末尾領域を定義します
|
52acbd48c880abe6ec1a40bfd792949e |
ドキュメントのナビゲーションを定義します
|
2f8332c8dcfd5c7dec030a070bf652c34d7ab0de9a42de71c682b0860bad1410 |
ドキュメント内のセクションを定義します。ドキュメント (セクション、セクション)
|
23c3de37f2f9ebcb477c4a90aac6fffd7618f95bdc39e398f223d37049478af1 |
ページの独立したコンテンツ領域を定義します
|
15221ee8cba27fc1d7a26c47a001eb9bb68cffaf0006380b7e39ea0c3d532826 |
ページのサイドバーコンテンツを定義します
| ##beb511a96a5aab3e931614dde36c9a0474bab71bc346026b84f2313feafdfe04 | ドキュメントまたはドキュメントのセクションの詳細を説明するために使用されます
##631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044 |
タグには詳細要素のタイトルが含まれます |
a38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609 |
プロンプト ボックスなどのダイアログ ボックスを定義します |
2. 強化されたフォーム
HTML5 には複数の新しいフォーム入力タイプがあります。これらの新機能により、入力制御と検証が向上します。
#入力タイプ
| 説明 |
色
| 主に色の選択に使用されます |
#date
日付ピッカーから日付を選択します |
|
#datetime
日付 (UTC 時間) を選択してください |
|
datetime-local
日付と時刻を選択してください (タイムゾーンなし) |
|
email
電子メール アドレスを含む入力フィールド | |
month
月を選択 |
|
number
数値の入力value フィールド |
|
range
一定範囲内の数値の入力フィールド |
| search
検索ドメインに使用されます |
|
tel
電話番号入力フィールドを定義します |
|
time
時間を選択してください |
|
url
URLアドレスの入力フィールド |
|
week
週と年を選択 |
| # # HTML5 では、次の Form Element
Form ElementDescription
|
| c5276ed735bbea753b63ed1251fcd908 要素の list 属性を使用して、fc86e7b705049fc9d4fccc89a2e80ee3 の ID をバインドします。 element
| aa983b9eb8086376f1f6481364a02e5a
ユーザーを認証するための信頼できる方法を提供します | タグは、フォームで使用されるキー ペア ジェネレーター フィールドを指定します。
| dc997afdb5b9c30574263245f4fb3e7e
計算やスクリプトなどのさまざまなタイプの出力用 | 出力###############HTML5 新しいフォーム属性
プレースホダー属性では、ユーザーが値を入力する前に入力フィールドに短いプロンプトが表示されます。つまり、入力ボックスの共通のデフォルト プロンプトは、ユーザーが入力すると消えます。
必須属性はブール属性です。入力する必要がある入力フィールドを空にすることはできません
pattern 属性は、d5fd7aea971a85678ba271703566ebfd 要素の値を検証するために使用される正規表現を記述します。
min 属性と max 属性では、要素の最小値と最大値を設定します。
step 属性は、入力フィールドの有効な数値間隔を指定します。
高さと幅の属性。画像タイプの d5fd7aea971a85678ba271703566ebfd タグの画像の高さと幅に使用されます。
autofocus 属性はブール属性です。ページの読み込み時にフィールドが自動的にフォーカスを取得するように指定します。
multiple 属性はブール属性です。 d5fd7aea971a85678ba271703566ebfd 要素内で複数の値を選択できることを指定します。
HTML5 マルチメディア
HTML5 を使用すると、Web ページ上でビデオやオーディオを簡単に再生できます。)。
<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 つのオーディオ形式ファイルをサポートしています
<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 サイトの他の関連記事を参照してください。