ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)

HTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)

青灯夜游
リリース: 2018-09-15 18:10:09
オリジナル
4518 人が閲覧しました

この章では、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) 進行状況: プログレス バー; ;

(3) 時間: 検索エンジンによって使用されるデータ ラベル。 datetime="2014-12-25T09:00">9:00更新日時

(4) ルビと rt: 特定の単語に対するコメント;コメント内容ブラウザが対応していない場合の表示方法 ;;

(5) wbr: ソフト改行、ページ幅が必要な改行に達したときに改行;

(6) Canvas: 画像描画用のコンテンツを作成するために JS コードを使用します。

(7) コマンド: ボタン;

(8) 詳細: メニューを展開します。

## (9) dateilst: テキスト フィールドのドロップダウン プロンプト。 # (10) keygen: 暗号化。

新しい属性:

js の属性を追加しました。

<script defer src=".....js" onload="alert(&#39;a&#39;)"></script>
<script async src=".....js" onload="alert(&#39;b&#39;)"></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 の。