集めてまとめたHTML5の新機能はIE9以下を除けば基本的に利用可能です。
HTML5 構文html の文法的な違いのほとんどは続きます: 先頭の <!DOCTYPE html>
<html lang=zh-CN><meta charset=utf-8>
文字コードが簡潔になり、
大文字と小文字は区別されません。
チェック済みおよび選択済みと同様のブール値を追加しました
引用符は省略できますが、コーディング標準に従って推奨されません。
終了文字を省略できるタグと完全に省略できるタグがあります。
タグを追加します: 1. 構造体タグ(1) セクション: 文書構造を表す h1 ～ h6 で構成される独立したコンテンツ ブロック。また、章、ヘッダー、フッター、またはヘッダーのその他の部分を含めることもできます。 (2) 記事: 特別な独立したブロック。この記事のヘッダーの中心的な内容 (3) はさておき、タグの内容はタグの内容に関連しています。補助情報、(4) header: 特定のブロックのヘッダー情報/タイトル、(5) hgroup: ヘッダー情報/タイトルの補足内容、(7) nav: ナビゲーションバー部分の情報、(8)図: 写真とコンテンツを含むニュース ブロックなどの独立したユニット。
2. フォームタグ(1) 電子メール: メールアドレスを入力する必要があります。 (2) URL: URL アドレスを入力する必要があります。 (4) 範囲: 一定の範囲内の数値を入力する必要があります。 ; (5) 日付ピッカー: 日付ピッカー。
a.date: 日、月、年を選択します。 b.month: 月、年を選択します。 c.week: 週、年を選択します。 d.time: 時間 (時、分) を選択します。 e.datetime: 時間、日、月、年を選択します ( UTC 時間) f.datetime-local: 時間、日、月、年 (現地時間) を選択します
(6) 検索: 通常のテキスト フィールドを検索します。
(7) 色: 色
3. メディアタグ(1) video: ビデオ (2) audio: 音声 (3) embed: 埋め込みコンテンツ（各種メディアを含む）、Midi、Wav、AU、MP3、Flash、AIFF など。
4. その他の機能ラベル(1) マーク: マーク (メモを取るためのハイライトのようなもの) (2) 進行状況: プログレス バー <progress max= 最大プログレス バーの値 value= 現在のプログレス バーの値> (3) time: データ ラベル、使用されます。検索エンジンによる; 公開日 <time datetime=2014-12-25T09:00>9:00</time> 更新日 <time datetime=2015-01-23T04:00 pubdate>4:00</time> (4) Ruby と rt: 特定の単語に対するコメント <ruby><rt>コメント内容</rt><rp>ブラウザが対応していない場合の表示方法< /rp>< /ruby> (5) wbr: ソフト改行、ページ幅が必要な改行に達したときに改行します。 (6) キャンバス: 画像描画用のコンテンツを作成するために JS コードを使用します。 (8) 詳細: メニューを展開します。 (9) dateilst: テキスト フィールドのドロップダウン プロンプト。
新しいプロパティ:jsに属性を追加しました。
<script defer src=....js onload=alert('a')></script><script async src=....js onload=alert('b')></script>上記 2 つの属性がない場合、実行順序は最初に最初の src をロード (ダウンロード) し、次にその onload を実行し、次にそれを下方向に同期的に実行します。 defer 属性は h5 より前にすでに存在し、遅延ロード (遅延実行) を入力します。 、最初にsrcをロード（ダウンロード）します。ファイルのコンテンツを読み込み、ページが完全に読み込まれるまで待機してから、onload で js.async 属性を読み込みます。これは、src の読み込み直後に onload を実行し、上記の実行シーケンスでページの読み込みを続けます。アラート表示は最初に b を表示し、次に a を表示します。
Web ページのラベルに小さなアイコンのスタイル コードを追加します。
<link rel=icon href=url... type=画像名 size=16*16>
順序付きリスト ol: start (リストの開始値)、reversed (反転したかどうか) メニュー タイプ属性 (3 つのメニュー タイプ) を追加しました。 埋め込み CSS スタイル: タグ内でスタイル ブロック (スコープ付き) を定義します。インライン フレームは、タグ内でのみ有効です。 styleタグ：iframe要素、シームレス、ボーダーレス、ボーダーレスを追加し、srcdocでインラインフレームの内容を定義します。
<iframe>新しい属性: <!-- シームレスは境界線やマージンのないフレームを定義します --><!-- srcdoc の表示レベルはサンドボックスよりも高くなります --><!-- サンドボックスは、セキュリティ レベルを指定するために使用されますインライン フレーム --><!--sandbox=allow-forms:送信を許可するフォーム --><!--sandbox=allow-origin: 同一オリジンを許可 --><!--sandbox=allow-scripts: スクリプトの実行を許可 --><!--sandbox=allow-top-navigation : 外部ページのジャンプを許可します -->
マニフェスト属性:
ページに必要なオフライン アプリケーション ファイルを定義します。通常は <html> タグ内に配置されます。
文字セット属性:
メタ属性の 1 つで、ページの文字セットを定義します。
サイズ属性:
<link>新しい属性は、リンクの rel=icon のときにアイコン サイズを設定するために使用されます。
基本属性:
<base href=http://localhost/ target=_blank> は、ページが新しいウィンドウで開かれたときに、href 内のコンテンツがアドレスのプレフィックスとして追加されることを意味します。
遅延属性:
script タグ属性は、スクリプトがロードされた後、ページもロードされた場合にのみスクリプトが実行されることを示します (遅延実行)。
非同期属性:
script タグ属性は、ページが読み込まれていない場合でも (非同期実行)、スクリプトが読み込まれた直後に実行されます (ブラウザーは実行プロセス中に次のコンテンツを解析します)。
メディア属性:
<a> 要素属性: どのデバイスが最適化されているかを示します
hreflang 属性:
<a> の属性は、ハイパーリンクが指す URL で使用される言語を示します。
参照属性:
<a> の属性は、ハイパーリンクが外部リンクであるかどうかを定義します。
逆属性:
<ol> 属性、シリアル番号がフラッシュバックであるかどうかを定義します
開始属性:
<ol> の属性はシーケンス番号の開始値を定義します。
スコープ付き属性:
埋め込み CSS スタイルの属性。このスタイルの定義は、埋め込みスタイルを持つ要素に限定されます。これは、単一ページの開発に適しています。
HTML5 グローバル属性: 任意のタグに使用できます。次の 6 つです。
data-yourvalue、hidden、Spenllecheck、tabindex、contenteditable、desginMode;
グローバルプロパティ:
1. タグに直接挿入できます: data-custom 属性名; hidden (非表示に直接挿入); tabindex=1 (タブ ジャンプ順序);変更するコンテンツをクリックします); 2. JavaScript に window.document.designMode = 'on' を挿入します (JavaScript のグローバル プロパティで、ページ全体のテキストを編集できます)。
要約する
上記は、編集者によって導入された HTML5 の新しいタグと属性の概要です。ご質問があれば、メッセージを残してください。編集者がすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！