공간 분할 태그
2023. 6. 16. 09:07ㆍFront/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에 위치한 컨텐츠