html5 タグの 3 つのカテゴリとは何ですか?

html5 タグには 3 つのタイプがあります: 1. 表示値が「block」であるブロック レベル要素は、幅、高さ、マージン、および自動行折り返しを設定できることを特徴とします。2. インライン表示値が「inline」である要素は自動的に折り返されず、幅と高さを設定できません。 3. インラインブロック要素は自動的に折り返されず、幅と高さを設定できます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

html5 タグの分類

タグは要素とも呼ばれます

• タグに基づいて指定できます特性 ブロック タグ、インライン (インライン) タグ、インライン ブロック タグに分割されます。

• ラベル終了ルールに従って、次のように分割できます。 単一ラベル (空のラベル、自己終了) label)、double label

一般的に使用されるブロック要素:

....

一般的に使用されるインライン要素:
<var></p> <p>一般的に使用されるインライン ブロック要素: <img> <input></p> <p style="text-align:left;"><span style="font-size: 16px;"><strong> ブロックレベル要素の機能: <strong><code class="marker">display:<strong><code class="marker">block;

1. 各ブロックレベルの要素は新しい行で始まり、後続の要素も新しい行で始まります。

2. 要素の高さ、幅、行の高さ、上下左右のマージンとパディングの値を設定できます。

3. 要素の幅が設定されていない場合、幅が設定されていない限り、その幅は親コンテナの 100% (親要素の幅と同じ) になります。

# インライン要素の特性: display:inline#; 1. 他の要素と同じ行に;

2. 要素の

height

、

width、および上下のマージン は許可されません 設定 (左右のマージンとパディングのみをサポート); 3. 要素の幅は、要素に含まれるテキストまたは画像の幅であり、変更できません。

インライン ブロック要素の特性:

display:inline-block;1、その他の要素は On 1 行;

2 要素と

要素の高さ、幅、行の高さ、上下の余白を設定できます。

(上下左右のマージンとパディング値をサポート) 3. マージン: 0 auto は無効です

4. 水平に配置しますが、すべての要素にはデフォルトでは 1 スペース。HTML の要素間にはキャリッジ リターンとライン フィードがあり、ブラウザはそれをスペースに解析するためです。

タグの種類の変換

タグの種類を変換できます:

設定

display:inline
• インライン要素に変換
  設定
display:linline-block
• インライン ブロック要素に変換
  設定
display:block
• ブロックレベルの要素に変換
  (学習ビデオ共有:
htmlビデオチュートリアル

、

webフロントエンド ＃＃＃）＃＃＃

以上がhtml5 タグの 3 つのカテゴリとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

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

前の記事：Figure は HTML5 の新しいタグですか?次の記事：Figure は HTML5 の新しいタグですか?

関連記事

続きを見る

• h5とhtml5の違いは何ですか
• HTML5で表の行を非表示にする方法
• html5タグの使用ルールは何ですか?
• HTML5でのスタイルの使い方は何ですか？
• html5で追加された新しいフォーム要素とは何ですか？
• html5 の要素は 3 つの部分から構成されていますか?



福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved