html ブロックレベル要素とインライン要素_html/css_WEB-ITnose
- ブロック要素は通常、新しい行で始まります。インライン要素と他のブロック要素を収容できます。共通のブロック要素は段落タグ 'P' です。「form」ブロック要素は特別です。他のブロックを収容します。
- CSS の機能を使用しないと、ブロック要素は一度に 1 行に配置され、この HTML のデフォルトのレイアウト モードを変更して配置することができます。毎回新しい行を開始するのではなく、テーブル ベースのレイアウトと CSS ベースのレイアウトが一般ユーザーに適していることを指摘しておく必要があります (視覚障害者を除く)。読者や視覚障害者などの観点から見ると、ページの読み込み速度の違い以外に違いはありません。しかし、一般のユーザーが誤って [ページのソース コードを表示] ボタンをクリックすると、両者の間には大きな違いが現れます。優れた再構築コンセプトに基づいて設計された CSS レイアウト ページのソース コードは、少なくとも Web 開発の経験のない一般ユーザーでも内容をすぐに理解できるようになります。コンテナ要素 div をボックスとしてブロックするか、クリッピングで遊んだことがある場合は、切り取られたコンテンツの各部分がブロックであることを理解しやすくなります。次に、これらの紙を新しい空白の部分に貼り付けます。テクノロジーの拡張として、Web レイアウトのデザインも、一般にテキストまたはその他のインライン要素、一般的なインライン要素に基づいています。 「あ」。
- Block 要素 (block 要素) と inline 要素 (inline 要素) は、どちらも HTML 仕様における概念です。ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まることです。 CSS 制御を追加すると、このブロック要素とインライン要素の属性の違いは違いになりません。例えば、inline要素のciteにdisplay:blockのような属性を追加することで、毎回改行する属性も持たせることができます。
- 可変要素の基本概念は、要素がブロック要素であるかインライン要素であるかをコンテキストに基づいて決定する必要があるということです。変数要素は、引き続き上記の 2 つの要素カテゴリに属します。コンテキストによってそのカテゴリが決定されると、ブロック要素またはインライン要素の規則に従う必要があります。大まかな要素の分類については全文を参照してください。
- インライン要素の中国語名については、インライン要素、インライン要素、インライン要素、インライン要素など、さまざまな種類があります。基本的に統一した訳はなく、好きなように呼んでください。さらに、インライン要素について話すときは、display:inline と呼ばれる表示属性を思い浮かべます。この属性は、IE の二重浮動境界線の問題を解決できます。
- block要素
- * address - アドレス
- * blockquote - ブロック引用符
- dir - ディレクトリリスト
- * div - 一般的に使用されるブロックレベルの easy 、CSS レイアウトのメインタグでもあります
- * DL -定義リスト
- * フィールドセット - フォームコントロールグループ
- * フォーム - インタラクティブフォーム
- * h3 - レベル 3 タイトル
- * h4 - レベル 4 見出し
- * h5 - レベル 5 見出し
- * h6 - レベル 6見出し
- * hr - 水平分割線
- * menu - メニューリスト
- * noframes - フレームのオプションのコンテンツ、(このブロックのコンテンツはフレームをサポートしていないブラウザーに表示されます
- * noscript - オプションのスクリプトのコンテンツ (このコンテンツスクリプトをサポートしていないブラウザでは表示されます)
- * ol - 並べ替えフォーム
- * p - 段落
- * 事前にフォーマットされたテキスト
- * table - 表
- * a - アンカーポイント
- * abbr - 略語
- *頭字語 - 最初の文字
- * b - 太字 (非推奨)
- * bdo - bidi override
- * cite - 引用
- * code - コンピュータコード (ソースコードを引用する場合に必要)
- Picすごいね
- * input - 入力ボックス
- * kbd - キーボードテキストの定義
- * label - テーブルラベル
- * SELECT-プロジェクト選択 *Small-小さなフォントテキスト
- *SPAN-一般的に使用される内部接続コンテナ、定義内側のブロック
- *Strike
- * sup - 上付き文字
- * textarea - 複数行のテキスト入力ボックス
- * tt - テレックステキスト
- 可変要素
- 利用可能要素を に変更します。コンテキストに応じて、ブロック要素またはインライン要素。
- * アプレット - Java アプレット
- * ボタン - ボタン
- * del - テキストの削除
- * iframe - インラインフレーム
- * マップ - 画像ブロック (マップ)
- * オブジェクト - オブジェクトオブジェクト
- * スクリプト -クライアント スクリプト

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします
