HTML5 - Structure tag

structure tag

• 공간을 분할하는 태그 : div, span, table 등
• 일반적으로 다른 요소를 포함하는 컨테이너 역할을 함

div tag

• 모던웹에서는 div를 주로 사용하여 레이아웃을 구성함
• 의미론적인 의미를 가지고 있지 않음
• display 속성 : block (사각형 박스로 구역 지정)
• 줄바꿈 가능

span tag

• 의미론적인 의미를 가지고 있지 않음
• class나 id와 같은 전역 속성과 함께 사용함으로써 요소를 그룹화하여 스타일링할 때 사용
• display 속성 : inline (문장 단위로 구역 지정)
• 줄바꿈 불가능

HTML semantic tag

• header tag : 헤더를 의미함
• nav tag : 내비게이션을 의미함
• aside tag : 사이드에 위치한 공간을 의미함
• section tag : 본문의 여러 내용(article)을 포함하고 있는 공간을 의미함
• article tag : 본문의 주 내용이 들어가는 공간을 의미함
• footer tag : 푸터를 의미함