HTML5のタグの概要

省略できるタグ

終了タグを許可しないタグ: area (イメージマップ内の領域を定義)、base (ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定)、br、col (テーブルの場合、1 つ以上の列で属性値を定義します)、embed (プラグインなどの埋め込みコンテンツを定義します-5)、hr、img、input、keygen、link、meta、param、source、track、wbr

終了タグは省略可能です タグ: li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

完全に省略できるタグ: html、head、body、 Colgroup、tbody

New タグ

section: ページ内のコンテンツ ブロック。セクション、ページ、フッター、またはページの他の部分で使用できます。h1、などのタグと組み合わせて使用​​できます。 h2... 文書構造を表します。

article: 記事など、コンテキストとは無関係なページ上の独立したコンテンツを表します。

余談: 記事以外のコンテンツを定義します。余談の内容は記事の内容と関連している必要があります。

header: ページまたはページ全体のコンテンツ ブロックのタイトル。

フッター: ページ内のコンテンツ ブロック、またはページ全体のフッター。

hgroup: ページ内のコンテンツ ブロックまたはページ全体のタイトルをグループ化します。

nav: ナビゲーション リンクの一部。

図: 独立したフロー コンテンツ (画像、チャート、写真、コードなど。コンテンツはメイン コンテンツに関連している必要がありますが、削除されてもドキュメント フローに影響を与えるべきではありません) を指定します。

ビデオ: ビデオ。 exp:

<video src="url" controls="controls">视频</video>

audio:audio。

embed: コンテンツ (さまざまなメディアを含む) を埋め込むために使用されます。

マーク: 色を変更、フォローします。

進行状況: 進行状況バー。 exp:

<progress max="100" value="85"></progress>

time: 日付または時刻、またはその両方を定義します。このタグは検索エンジンによって使用され、エンジンはこのタグに基づいて、このブロックが時間を表すことを認識します。 pubdate という名前の属性があり、エンジンがそれを読み取ると、このブロックの datatime の値がこの記事の公開時刻であり、この時刻には 2 つの特殊文字 T と Z が含まれていることがわかります。 T は日付と時刻の区切り文字を表し、Z は時刻の標準形式を表します。 exp:

datalist: オプション リストを定義します。この要素を input 要素と組み合わせて使用​​して、入力の可能な値を定義します。 exp:

<input list="cars"/><datalist id="cars"><option value=""></datalist>
output:exp:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100+<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>

グローバル属性

data-type: カスタム属性。

hidden: 非表示の単一ラベル。

スペルチェック: 入力コンテンツの文法エラーを修正します。 exp:

<textarea spellcheck="true" ></textarea>

tabindex:tab キーの順序。

contenteditable: コンテンツを変更します。 exp:

<p contenteditable="true" ></p>

テキスト全体を編集可能にする:

<script>window.document.designMode="off";</script>

//off off, on: editable

【関連する推奨事項】

1. 無料の h5 オンラインビデオチュートリアル

2. HTML5 の新しいタグの解決 ブラウザーの互換性問題点

HTML5の新しい要素とタグの概要

以上がHTML5のタグの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。