ブロック要素は通常、他の要素のコンテナ要素です。ブロック要素は通常、インライン要素と他のブロック要素を収容できます。ブロック要素の「form」は比較されます。例外的に、これは他のブロック要素を保持するためにのみ使用できます。 CSS を使用しないと、ブロック要素は一度に 1 行ずつ配置されます。 CSS を使用すると、この HTML のデフォルトのレイアウト モードを変更し、必要な場所にブロック要素を配置できます。愚かにも毎回新しい行を始めるのではなく。 table タグもブロック要素の一種であることに注意してください。Table ベースのレイアウトと CSS ベースのレイアウトは、これら 2 つのレイアウトを一般ユーザー (視覚障害者、視覚障害者などを除く) の観点から見たものです。ページの読み込み速度の違い以外に違いはありません。しかし、一般のユーザーが誤って「ページのソースコードを表示」ボタンをクリックした場合、この 2 つの違いは非常に大きくなります。優れた再構築コンセプトに基づいて設計された CSS レイアウト ページのソース コードにより、少なくとも Web 開発の経験のない一般ユーザーでもコンテンツをすぐに理解できるようになります。この観点から、CSS レイアウト コードはより優れた審美性を備えている必要があります。 ブロック コンテナー要素 div をボックスとして考えることができます。クリッピングを使った経験がある場合は、理解しやすいでしょう。まず、さまざまな新聞や雑誌から必要な記事を切り出します。カットされたコンテンツのそれぞれがブロックです。次に、レイアウトの意図に従って、これらの紙を新しい白紙に貼り付けます。これにより、独自の要約が作成されます。テクノロジーの拡張として、Web レイアウト設計も同じパターンに従います。 インライン要素は通常、セマンティック レベルの基本要素に基づいています。インライン要素はテキストまたはその他のインライン要素のみを保持できます。共通のインライン要素は「a」です。 インライン要素の中国語名には、さまざまなインライン要素、インライン要素、インライン要素、およびインライン要素が含まれることに注意してください。基本的に統一した訳はなく、好きなように呼んでください。さらに、インライン要素について話すとき、display:inline と呼ばれる表示属性を思い浮かべます。この属性は、有名な IE の二重浮動境界線の問題を解決できます。 ブロック要素(block element)とインライン要素(inline element)は、HTML仕様における概念です。ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まることです。 CSS 制御を追加すると、このブロック要素とインライン要素の属性の違いは違いになりません。例えば、inline要素のciteにdisplay:blockのような属性を追加することで、毎回改行するという属性も持たせることができます。 可変要素は上記 2 つに基づいており、環境に応じて変化します。その基本的な概念は、要素がブロック要素であるかインライン要素であるかをコンテキストに基づいて判断する必要があるということです。変数要素は、引き続き上記の 2 つの要素カテゴリに属します。コンテキストによってそのカテゴリが決定されると、ブロック要素またはインライン要素の規則に従う必要があります。 HTML タグのブロックおよびインライン分類の詳細: ブロック要素 div css xhtml xml ソースコード例 ソースコード例 インライン要素 div css xhtml xml ソースコード例 ソースコード例 可変要素 div css xhtml xml ソースコード例 ソースコード例
◎ address - アドレス ◎ blockquote - ブロック引用 ◎ center - アライメントブロック ◎ dir - ディレクトリリスト ◎ div - 一般的に使用されるブロックレベルの利便性、CSS レイアウトのメインタグ ◎ dl - 定義リスト ◎ フィールドセット - フォームコントロールグループ ◎ form - インタラクション形式 ◎ h1 - メインタイトル ◎ h2 - サブタイトル ◎ h3 - レベル 3 タイトル ◎ h4 - レベル 4 見出し ◎ h5 - レベル 5 見出し ◎ h6 - レベル 6 見出し ◎ hr - 水平区切り線 ◎ isindex - 入力プロンプト
◎ menu - メニューリスト ◎ noframes - フレームのオプションコンテンツ (このブロックコンテンツはフレームをサポートしていないブラウザに表示されます) ◎ noscript - オプションのスクリプトコンテンツ (このコンテンツはスクリプトをサポートしていないブラウザに表示されます)
◎ ol - ソートされたフォーム ◎ p - 段落 ◎ 事前にフォーマットされたテキスト ◎ table - テーブル ◎ ul - 未ソートのリスト
◎ a - アンカーポイント ◎ abbr - 略語 ◎ 頭字語 - 頭文字 ◎ b - 太字（非推奨）
◎ bdo - bidi オーバーライド
◎ big - 大きなフォント ◎ br - 改行 ◎ cite - 引用 ◎ code - コンピュータコード (ソースコードを引用する場合に必要)
◎ dfn - フィールドを定義 ◎ em - 強調 ◎ font - フォント設定 (非推奨)
◎ i - イタリック体 ◎ img - 画像 ◎ input - 入力ボックス ◎ kbd - キーボードテキストの定義 ◎ label - テーブルラベル ◎ q - 短い引用符 ◎ s - 下線 (非推奨)
◎ samp - サンプル コンピュータ コードを定義します ◎ select - 項目の選択 ◎ small - 小さいフォント テキスト ◎ span - 一般的に使用されるインライン コンテナ、テキスト内のブロックを定義します ◎ 取り消し線 - 下線 ◎ 強 - 太字の強調 ◎ sub - 下付き文字 ◎ sup - 上付き文字 ◎ textarea -複数行のテキスト入力ボックス ◎ tt - テレックス テキスト ◎ u - 下線 ◎ var -変数を定義する
可変要素は、コンテキストに応じてブロック要素またはインライン要素です。
◎アプレット-Javaアプレット
◎ボタン - ボタン ◎ del - テキストを削除 ◎ iframe - インラインフレーム
◎ ins - 挿入されたテキスト ◎ map - 画像ブロック（地図）
◎ オブジェクト - オブジェクト オブジェクト ◎ スクリプト - クライアントスクリプト