[HTML/CSS] 블록(Block)과 인라인(Inline) 속성 비교

HTML 블록 속성과 인라인 속성

HTML 블록 속성과 인라인 속성

 

HTML 웹 표준 준수하는 기본 규칙으로써 블록(block) 요소와 인라인(inline) 요소를 구분

 

블럭요소 (Block Level Elements)

: 기본적으로 줄 바꿈이 일어나는 형태로 영역의 너비가 상위 영역의 전체 너비만큼 되는 형태를 블록요소라 한다.

블록 요소에 들어가는 요소들로는 h1~h6 요소, p 요소, div 등이 있다.

 

- 블럭 요소의 형태는 한 행 전체를 포함하기에, 줄 바꿈이 일어난다.

- 보통의 블럭 요소는 블럭 요소와 인라인 요소 모두 포함할 수 있다.

 

 

인라인요소 (Inline Elemets)

: 블록 요소와 반대 되는 형태로 줄 바꿈이 일어나지 않는 요소로, 주로 문장 안에서 사용하는 태그의 기본값으로

a, img, strong, span 요소 등이 있다.

- 인라인 요소의 형태는 영역에 해당하는 글자만을 포함한다.

- 보통의 인라인 요소는 인라인 요소만을 포함할 수 있으며, 블럭 요소를 포함할 수 없다.

 

---