[HTML] Chapter 06. 논 시멘틱 - 공간을 나누는 div, span 태그

시멘틱 마크업을 할 때든, 우리가 주로 많이 쓰는 태그는

<div>와 <span> 태그일 것이다.

 

1. Div : Division  / 가상의 경계, 가상의 레이아웃
2. Span

 

<div> 태그는 공통적인 영역에 대해 레이아웃을 나누는 데 있어 css에 중요한 태그이다.

특징은 <p> 태그처럼 display: block 이라는 속성을 가지고 있으며 자동으로 줄바꿈이 된다.

 

줄바꿈, display 영역이 설정되지 않고, 단순히 영역을 감싸주기만 하는 태그가 <span> 태그이다.

 

다시 한 번 복기하지만,

non-semantic 태그를 사용하기 전에, "과연 이게 non-semantic 태그 밖에 사용할 수 없는 것일까?"

라고 고민해봐야 한다