HTML4.01とCSSによるWeb標準のホームページ作成入門。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ブロック要素(Block-level element)・インライン要素(Inline element)の区別はHTML・CSS両方で重要です。
上記の特徴はHTML4.01仕様書の7.5.3 Block-level and inline elementsに書いてあることのまとめです。
しかしこれだけだとホームページ作成初心者は意味がわからないと思いますので、よくある間違いの例で説明したいと思います。
body内にテキストを直接書いたり、インライン要素を書くのはHTML4.01 Strictでは誤りです。
(Transitional、Framesetでは書くことができます)
pなどのブロック要素内にテキストやインライン要素を書くのはOKです。
emなどのインライン要素内に、pなどのブロック要素を書くのは誤りです。
ブロック要素は他のブロック要素を内包できるものが多いですが、pはブロック要素を内包できないものの一つです。
CSSでも、margin・padding・border・text-alignなどの指定で、インライン要素かブロック要素かの違いは重要です。
ブロック要素・インライン要素の各一覧、CSS記述の注意点などはこちらが参考になります。
リンクはご自由にどうぞ。
最終更新2008/07/09