ブロック要素は通常、他の要素のコンテナ要素です。ブロック要素は通常、インライン要素と他のブロック要素を収容できます。ブロック要素の「form」は比較されます。特に、
CSS の機能がなければ、ブロック要素は一度に 1 行ずつ配置され、この HTML モードのデフォルトのレイアウトを変更することができます。毎回新しい行を開始するのではなく、必要な場所に要素を追加する必要があります。 table タグもブロック要素の一種であり、ユーザーの観点からはテーブルベースのレイアウトと CSS ベースのレイアウトが一般的に使用されます。 (視覚障害者、視覚障害者などを除く)、ページの読み込み速度以外には 2 つのレイアウトに違いはありません。ただし、一般のユーザーが誤ってページのソース コードを表示するボタンをクリックすると、2 つのレイアウトが表示されます。ユーザーが示す違いは非常に大きく、適切な再構築の概念に基づいて設計された CSS レイアウト ページのソース コードは、Web 開発の経験がない一般ユーザーでも少なくとも内容をすぐに理解できるようにする必要があります。より良い美的経験を得るには、
ブロック コンテナー要素 div をボックスとして考えることができます。または、クリッピングを使って遊んだことがある場合は、最初に雑誌から必要な記事を抽出してみましょう。次に、これらの紙を新しい白紙に貼り付けて、独自のダイジェストを作成します。Web レイアウトのデザインも、
通常はセマンティックに基づいています
。レベル (セマンティック) 要素。インライン要素には、テキストまたはその他のインライン要素のみを含めることができます。
説明する必要があるのは、インライン要素の中国語名には、さまざまなインライン要素、インライン要素、インライン要素などがあります。 inline 要素と direct 要素には基本的に統一された翻訳はありません。さらに、inline 要素に関して言えば、この属性は有名な IE の double を修正できると考えられます。浮動境界問題
(ブロック要素) とインライン要素 (インライン要素) は、HTML 仕様における概念です。ブロック要素とインライン要素の基本的な違いは、CSS コントロールが追加されると、通常は新しい行で始まることです。 block要素とinline要素の属性の違いは問題になりません。例えば、inline要素のciteにdisplay:blockのような属性を追加することで、新規から開始するという属性も持たせることができます。
基本的な概念は、変数要素が、コンテキストに基づいてブロック要素であるかインライン要素であるかを判断する必要があるということです
。
変数要素は、引き続き上記の 2 つの要素カテゴリに属します。コンテキストによってそのカテゴリが決定されると、ブロック要素またはインライン要素の規則に従う必要があります。
HTML タグのブロックおよびインライン分類の詳細:
ブロック要素 (ブロック要素)
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 - ソートされていないリスト
inline 要素 (インライン要素)
div css xhtml xml ソースコード例 ソースコード例
◎ 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 - 変数の定義
変数要素
div css xhtml xml ソース コードの例 ソース コードの例
可変要素は、コンテキストに応じてブロック要素またはインライン要素です。
◎アプレット-Javaアプレット
◎ボタン - ボタン ◎ del - テキストを削除 ◎ iframe - インラインフレーム
◎ ins - 挿入されたテキスト ◎ map - 画像ブロック（地図）
◎ オブジェクト - オブジェクト オブジェクト ◎ スクリプト - クライアントスクリプト