본문으로 건너뛰기
실습하기

div 태그

HTML의 <div> 요소는 구획을 나누거나 그룹화하는 데 사용되는 블록 요소입니다.

<div> 요소는 다음과 같은 형태로 사용합니다.

div 태그
<div>
<!-- 내용을 넣을 수 있는 공간 -->
</div>

<div> 요소는 그룹화된 요소에 스타일이나 레이아웃을 적용하거나, JavaScript로 요소를 동적으로 조작할 때 시용합니다.

예를 들어 다음과 같은 HTML 코드는 <div> 요소를 사용하여 섹션 제목과 내용을 그룹화합니다.

div 요소로 섹션 그룹화
<div>
<h2>섹션 제목</h2>
<p>섹션 내용</p>
</div>

참고로 섹션을 그룹화 할 때는 <section> 요소를 사용하는 것이 의미론적으로 더 적절합니다.

<div> 요소는 빈 요소로도 사용할 수 있으며, CSS 클래스 및 식별자(id)를 추가해 특정 구획을 선택하기 위한 선택자를 부여할 수 있습니다.