ブロックレベル要素 と インライン要素
HTMLで定義されている要素のうち、<body>~</body>の中で使用される要素の多くは、 ブロックレベル要素(Block-Level
Elements)か、インライン要素(Inline Elements)に分類され、それぞれの要素の中に配置できる要素が決まってきます
ブロックレベル要素(Block-Level Elements)
ブロックレベル要素は、見出し、段落、表など、文書を構成する基本となる要素で、一つのブロック(固まり)として認識されます ブラウザでの表示も一つの固まりとして扱われることが多く、一般的なブラウザでは前後に改行が入ります
ブロックレベル要素タグ
<address> <blockquote> <center> <div> <dl>
<fieldset> <form> <h1>-<h6> <hr> <noframes>
<noscript> <ol> <p> <pre> <table> <ul>
|
インライン要素(Inline Elements)
インライン要素は、主にブロックレベル要素の内容として用いられる要素で、文章の一部として扱われます
例えば、<p>要素の中の<strong>要素のように、段落のなかの一部を強調するような使われ方をする要素です
一般的なブラウザでは前後に改行が入らず、文章の一部として表示されます
インライン要素タグ
<a> <abbr> <acronym> <b> <basefont> <bdo>
<big> <br> <cite> <code> <dfn> <em>
<font> <i> <img> <input> <kbd> <label>
<q> <s> <samp> <select> <small> <span>
<strike> <strong> <sub> <sup> <textarea>
<tt> <u> <var> |
配置ルール
ブロックレベル要素の中には、他のブロックレベル要素やインライン要素を配置できます
インライン要素の中には、文字データや他のインライン要素を配置することができますが、 ブロックレベル要素は配置できません |