공간 분할 태그

2023. 6. 16. 09:07Front/HTML

1. 공간 분할 태그 (layout)

하나의 화면에서 다양한 기능을 사용하기 위해 공간을 분할

1) div 태그 : 블록 형식으로 공간을 분할, 데이터가 있는 한 줄 전체가 선택됨

2) span 태그: 인라인 형식으로 공간을 분할, 데이터가 있는 딱 그 부분만 선택됨

2. 시맨틱 태그 (semantic)

1) header 태그: 웹페이지의 전체를 설명하는 header임을 표현

2) footer 태그: 웹페이지의 바닥부분 footer임을 표현

3) nav : 웹페이지를 탐색하는 네비게이션 역할을 하는 navigator 정보임을 표현

4) section : Content의 묶음, 여러 중심 내용을 감싸는 공간

5) article : 각각의 컨텐츠

6) aside : side에 위치한 컨텐츠