見出し画像

ブロックレベル/インライン要素(HTML)

ブロックレベル要素(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>
<basefont>
<bdo>
<br>
<cite>
<code>
<dfn>
<i>
<img>
<input>
<kbd>
<label>
<q>
<s>
<samp>
<select>
<span>
<strike>
<sub>
<sup>
<textarea>
<tt>
<u>
<var> 


配置ルール

【〇】
ブロックレベル要素の中に、ブロックレベル要素orインライン要素


【〇】
インライン要素の中に、インライン要素


【×】
インライン要素の中に、ブロックレベル要素 


(出典)


この記事が気に入ったらサポートをしてみませんか?