H5タグの使い方を詳しく解説

今回は、H5タグの使用について詳しく説明します。H5タグを使用する際の注意点は何ですか?実際の事例を見てみましょう。

終了タグを含むタグの書き込みを許可しない: 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 タグ

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

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

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

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

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

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

nav: リンクの

ナビゲーションセクション。

図: 独立したフロー コンテンツ (画像、チャート、写真、コードなど。コンテンツはメイン コンテンツに関連している必要がありますが、

削除の場合はドキュメント フローに影響を与えるべきではありません) を指定します。

ビデオ: ビデオ。 exp:ce02d3880f3df4e681e513795335c504videoa6a9c6d3f311dabb528ad355798dc27d

audio:音声。

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

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

進行状況:

進行状況バー。 exp:b53711f9206adba438e27e16406001b4a211cb70e7878dbce34a6f8dc0175647

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

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

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>

グローバルプロパティ

データ型: カスタム属性。

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

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

tabindex:Tab キーの順序。

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

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

<script>window.
document
.designMode="off";</script>//off关闭,on:可编辑

この記事の事例を読んだ後は、この方法を習得したと思います。さらにエキサイティングなコンテンツについては、お支払いください。 php 中国語 Web サイトの記事のその他の関連トピックにも注目してください。

推奨読書:

ページングクエリの使用方法の詳細な説明

Node.jsを使用してWeChatウォールを開発する方法

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