ホームページ > ウェブフロントエンド > H5 チュートリアル > H5タグの使い方を詳しく解説

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

php中世界最好的语言
リリース: 2018-03-26 11:41:20
オリジナル
3809 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート