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

Mar 26, 2018 am 11:41 AM
html5 使用 詳しい説明

今回は、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:

audio:音声。

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

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

進行状況:

進行状況バー。 exp:

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

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

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:

tabindex:Tab キーの順序。

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

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

<script>window.
document
.designMode="off";</script>//off关闭,on:可编辑
ログイン後にコピー

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

推奨読書:

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

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

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles