1.10 HTML5 Tag - Structure

웹페이지의 레이아웃을 구성하기 위해서 공간을 분할해야 한다.

 

 

공간을 분할할 수 있는 태그는 div, span, table이 있다.

현재 모던 웹에서는 주로 div를 사용하여 레이아웃을 구성한다.

 

웹 레이아웃을 위한 시멘틱 태그

 

IE에서 작동하지 않기 때문에 주의가 필요하겠지만,

div 태그는 의미론적으로 어떠한 의미도 가지고 있지 않기 때문에 시멘틱 태그를 사용하는 것이 더 나은 방법이다.

 

 

또한 div와 span에도 차이가 있는데,

block 레벨 요소와 inline 레벨 요소에 대한 이해가 필요하다.

 

 

 

출처

poiemaweb.com/html5-tag-structure

HTML5 Tag - Structure | PoiemaWeb