DIV 란 무엇일까? (Division)

DIV (Division)은, 주로 웹 개발, 특히 HTML에서 매우 널리 사용되는 태그명입니다.

HTML의 <div> 태그가 무엇인지, 어떻게 쓰이는지 자세히 살펴보겠습니다.

 

● 의미와 역할 
<div>는 division(구획, 분할)의 줄임말로, HTML 문서에서 블록 단위로 영역을 나누는 데 쓰이는 태그입니다. 자체적으로 특별한 의미나 기능은 없지만, 여러 HTML 요소들을 하나의 그룹으로 묶거나 특정 레이아웃을 구현할 때 사용합니다.

 

● 주요 용도
  → 레이아웃 설계: 웹 페이지를 머리글, 본문, 사이드바, 바닥글 등으로 구분할 때.
  → CSS 스타일 지정: CSS와 함께 사용하여 배경색, 폰트, 패딩, 마진 등 다양한 스타일을 적용할 때.
  → 자바스크립트 및 접근성: 자바스크립트로 UI를 제어할 때 또는 ARIA 속성 등 접근성 향상을 위한 용도로도 활용.

● 특징
  → 블록 레벨 요소로 한 줄 전체를 차지하며, 줄 바꿈이 자동으로 일어납니다.
  → 시작 태그와 종료 태그가 모두 필요합니다.
  → 자체 의미가 없으므로 반드시 의미를 부여하려면 class, id, lang, role 같은 속성을 추가로 사용해야 합니다.
  → 스타일링, 스크립팅, 레이아웃 등 중립적인 '컨테이너'로 매우 자주 쓰입니다.

div

●   기본 예제

xml

<div class="header">헤더 영역</div>

<div class="main-content">본문 영역</div>

<div class="footer">푸터 영역</div>

 

●   주의 사항:
의미 있는 구조에는 <header>, <nav>, <main>, <footer>와 같은 시맨틱 태그 사용을 권장하지만, 의미 없이 단순 컨테이너가 필요할 때 <div>가 표준입니다.

"div는 'division(구획, 분할)'의 약자로, 문서를 분할, 스타일링, 레이아웃 설정을 위해 사용하는 HTML의 블록 수준 컨테이너 태그입니다."

요약하면, DIV란 HTML에서 페이지의 구역을 묶는 대표적 태그이며, 스타일/스크립트/레이아웃 등을 제어하는데 거의 필수로 사용되는 도구입니다.