ブロックレベル要素とインラインレベル要素
タグ講座ではないのですが、各種タグとタグを装飾するスタイルシートは密接な関係があるので始めに解説します。正しいマークアップは勿論の事、タグ自体にも「ブロックレベル要素」と「インラインレベル要素」と言うボックス要素があり、スタイルシートは全ての要素は四角い領域であり、文章やイメージ画像などもその領域内にあると見ています。
ブロックレベル要素とはそれ自体がひとつのまとまりでタグを閉じれば次の入力データは自然に改行されます。以下はよく使用するブロックレベル要素の種類と特徴です。
- 要素内にブロック要素とインライン要素ともに記述可能
- div fieldset
- 要素内にブロック要素のみ記述できる
- blockquote form
- 要素内にインライン要素のみ記述できる
- address h p pre
- 要素内に特定の要素をもつ
- ul ol dl table
インラインレベル要素とはブロックレベル要素内で使用する要素です。インラインレベル要素の中にブロックレベル要素を記述する事は出来ません。
以下はよく使用するインラインレベル要素です。
- よく使用するインラインレベル要素
- a abbr br button cite del em iframe img input label
map object script select span strong textarea
