HTML_블록&인라인(Block level/Inline level)

블록레벨태그 Block Level

부모 요소의 가로 영역에 꽉채워져 표현되는 태그를 의미합니다. (한 줄에 하나의 요소 표시)

양옆으로 다른 요소가 배치되지못하도록 박스를 생성하므로 박스의 위 아래로 줄바꿈이 생기게 됩니다.

블록레벨 요소는 일반적인 모든 요소를 포함할 수 있습니다.

ex: div, h1~h6, p, ul, li, table ...

 

인라인레벨태그 Inline Level

하나의 라인 안에서 자신의 내용만큼의 박스를 만드는 요소입니다. (한 줄에 여러개의 요소 표시)

라인의 흐름을 끊지않고 요소 앞 뒤로도 줄바꿈이 되지않아 다른 인라인 요소들이 자리할 수 있습니다.

인라인 레벨 요소는 블록 레벨 요소(부모)의 자손으로 분류되기 때문에 인라인레벨요소는 블록레벨 요소를 포함할 수 없습니다.

다만, HTML 5 버전에서 생겨난 한가지 예외 경우가 있는데 <a>는 인라인 레벨 요소이지만

자식태그로 블록레벨요소를 가질수 있습니다.