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

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

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

html5 タグの分類

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

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

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

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

....

一般的に使用されるインライン要素:
<var></var>

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

ブロックレベル要素の機能: 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 サイトの他の関連記事を参照してください。