
[HTML] <div> 태그의 모든 것 - 중첩 <div>
·
☁️ 구름 x 카카오 Deep Dive 풀스택/html, css
코드 리뷰 시간을 가지다가 태그를 중첩으로 여러개 쓰는 게 좋지 않은 코드라는 말을 들었다.그래서 언제 태그를 써야 옳바른지, 태그를 중첩으로 쓰지 않으려면 어떻게 해야하는지 알아봤다. 태그란 무엇일까? 태그는 Division의 약자로 body 문서 안에서 각 영역의 세션을 구분, 정의 한다.=> 구역을 나누는 태그. 가로줄 전체를 다 차지한다. 이 말은 너비(width)가 100%인 것과 같다. 좀 더 쉽게 얘기하자면 태그는 특정 콘텐츠를 그룹화하거나 레이아웃을 구성할 때 사용되는 기본 블록 요소로, 시맨틱적인 의미는 없다. 즉, 레이아웃(Layout) 구조 틀을 만들고 CSS를 통해 위치 및 레이어(Layer)를 구분하는 등 HTML 요소의 컨테이너 역할을 한다. 태그의 주요 특..