ホームページ > 記事 > ウェブフロントエンド > HTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)
HTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)
- 青灯夜游オリジナル
- 2018-09-15 18:10:094505ブラウズ
この章では、HTML5 に追加される新しいタグと属性について説明します。新しいタグと属性が追加されました (概要) は、HTML5 で新たに追加された属性とタグを誰でも知ることができます。困っている友人は参考にしていただければ幸いです。
IE9以下以外では基本的に利用できるHTML5の新機能をまとめました。
HTML5 構文
ほとんど html の構文を引き継ぎます
違い: 先頭の
<!DOCTYPE html> <html> <meta charset="utf-8">
文字エンコーディングが簡潔になります。 -insensitive、追加されたブール値。checked、selected と同様です。
引用符は省略できますが、コーディング標準に従って、
の使用は推奨されません。終了文字を省略できるタグがあります。 、およびラベルの適用を完全に省略しました。
HTML5 で新しく追加されたタグ:
1. 構造タグ
(1) セクション: 文書構造を表すために h1 ～ h6 で構成される独立したコンテンツ ブロック。また、章、ヘッダー、フッター、またはヘッダーの他の部分を含めることもできます。 (2) 記事: 特別な独立したブロック。このページのヘッダーの中核となる内容を示します。
(3) タグ内容以外のタグ内容に関する補助情報
(4) ヘッダー: 特定のブロック ヘッダー。情報/タイトル;
(5) hgroup: ヘッダー情報/タイトルの補足内容
(6) フッター: 下部の情報;ナビゲーション バーの情報;
(8) 図: 写真やコンテンツを含むニュース ブロックなどの独立したユニット。
2. フォームラベル(1) email: 電子メールを入力する必要があります; (2) URL: URL アドレスを入力する必要があります。
## (3) 数値: 値を入力する必要があります。 (4) 範囲: 特定の範囲内の値を入力する必要があります。 (5) 日付ピッカー: 日付。ピッカー;date: 日、月、年を選択します。
- month: 月と年を選択します。
- week: 週と年を選択します。
- time: 時間 (時と分) を選択します。
- datetime: 時間、日を選択します。 、月、年 (UTC 時間)
- datetime-local: 時間、日、月、年 (現地時間) を選択します
- (6 ) search: 通常のテキストフィールドを検索します。 (7) color: カラー。
3. メディアタグ
(1) ビデオ: ビデオ;(2) オーディオ: オーディオ; ) embed: 埋め込みコンテンツ (各種メディアを含む)、Midi、Wav、AU、MP3、Flash、AIFF など。
4. その他の機能タグ
(1) マーク: マーク、ハイライト (メモを取るための蛍光ペンのような);(2) 進行状況: プログレス バー; 57fd3ade24608b76c9930fc5ed76a101;(3) 時間: 検索エンジンによって使用されるデータ ラベル。 datetime="2014-12-25T09:00">9:0091be1970faf1a1e6511e94af3a0f5b95更新日時70c9cc8d53b1d1eef157a822bd1cb2c94:0091be1970faf1a1e6511e94af3a0f5b95
(4) ルビと rt: 特定の単語に対するコメント;ec41f2147470148e85ad0337a362103e7240f116d85a7ee375466871bc33670aコメント内容e1cd1ef8331b2927cc680afad7b5de59515718f19dfe6612658be14be18aa0ecブラウザが対応していない場合の表示方法21f25f120b8e75f2ae19a58ad1612dd6 ;; (5) wbr: ソフト改行、ページ幅が必要な改行に達したときに改行; (6) Canvas: 画像描画用のコンテンツを作成するために JS コードを使用します。 (7) コマンド: ボタン; (8) 詳細: メニューを展開します。## (9) dateilst: テキスト フィールドのドロップダウン プロンプト。 # (10) keygen: 暗号化。
新しい属性:
js の属性を追加しました。<script defer src=".....js" onload="alert('a')"></script> <script async src=".....js" onload="alert('b')"></script>
上記の 2 つの属性がない場合、実行順序は、最初に最初の src をロード (ダウンロード) し、次にその onload を実行し、次に h5 よりも前に defer 属性を下方向に同期的に実行します。遅延読み込み (遅延実行) を入力すると、まず src にファイルのコンテンツが読み込まれ (ダウンロード)、次にページが完全に読み込まれるまで待機してから、onload で js.async 属性を読み込みます。これは非同期読み込みです。ロード後に src をロードし、すぐに onload を実行し、上記の実行シーケンスでページのロードを続けます。アラート表示には、最初に b が表示され、次に a が表示されます。 小さなアイコンのスタイル コードを Web ページのラベルに追加します
<link rel="icon" href="url..." type="图片名称" sizes="16*16">
順序付きリスト ol: 開始 (リストの開始値) を追加、反転 (追加するかどうか) reverse) menu メニュー タイプ属性 (3 つのメニュー タイプ) 埋め込み CSS スタイル: タグ内にスタイル ブロック (スコープ付き) を定義します。これはスタイル タグ内でのみ有効です: iframe 要素、シームレスなボーダーレスが追加されます。 iframe の。
d5ba1642137c3f32f4f4493ae923989c新しい属性:c71b8ce466fed0d8bf7210e203c2a297cabe3dd8b819e0ff96da3670b570fda900d1f69764dd987979f09437b9f64455
47bacc7416890848927483497abc1d30
manifest 属性:
ページで使用する必要があるオフライン アプリケーション ファイルを定義します。通常は 100db36a723c770d327fc0aef2ce13b1 タグ内に配置されます
charset 属性:
ページの文字セットを定義するメタ属性の 1 つ
sizes 属性:
2cdf5bf648cf2f33323966d7f58a7f3fリンクの場合の新しい属性rel=" icon" は、アイコンのサイズを設定するために使用されます。
base 属性:
ffb65a9b8b8c20fb156d9d5f47c92c05 を開くときに使用します。新しいウィンドウで ページが作成されると、href のコンテンツがアドレスのプレフィックスとして追加されます。
defer 属性:
script タグ属性。これは、スクリプトが読み込まれた後であることを意味します。 、ページも読み込まれたときにのみ実行されます (遅延実行)
async 属性:
script タグ属性、スクリプトが読み込まれた直後に実行されます (ブラウザは次のコンテンツを解析します)操作中)、ページがまだロードされていない場合でも (非同期実行)
メディア属性:
3499910bf9dac5ae3c52d5ede7383485 要素属性: どのデバイスが最適化されているかを示します
hreflang 属性:
3499910bf9dac5ae3c52d5ede7383485 ハイパーリンクが指す URL で使用される言語を示す
ref 属性:
3499910bf9dac5ae3c52d5ede7383485ハイパーリンクは外部リンクです
reversed 属性:
c34106e0b4e09414b63b2ea253ff83d6 の属性、シリアル番号がフラッシュバックであるかどうかを定義します
start 属性:
c34106e0b4e09414b63b2ea253ff83d6 の属性。シリアル番号の開始値を定義します。
スコープ付き属性:
埋め込み CSS スタイルの属性。このスタイルの定義は要素に限定されます。埋め込みスタイルで、単一ページの開発に適しています。
HTML5 グローバル属性: 次の 6 つのタグに使用できます。 ##data-yourvalue、hidden、Spenllecheck、tabindex、contenteditable、desginMode;
グローバル属性: data-custom タグに直接挿入できます。属性名。 hidden (非表示にするために直接入力します);spellcheck="true" (文法エラーの修正);
tabindex="1" (タブ ジャンプ シーケンス); contenteditable="true" (編集可能な状態、変更するコンテンツをクリックします); 2. JavaScript に window.document.designMode = 'on' を挿入します (JavaScript のグローバル プロパティ、ページ全体を編集できます)。以上がHTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。