HTML <div>: 콘텐츠 분할 요소

HTML <div> 요소는 플로우 콘텐츠를 위한 범용 컨테이너입니다. <div>는 CSS 스타일이 적용되기 전에는 콘텐츠나 레이아웃에 어떠한 영향도 주지 않습니다.

<div class="warning">
  <img src="/assets/lion.jpg" alt="위협적인 사자." />
  <p>사자 조심!</p>
</div>

.warning {
  width: 100px;
  background: gold;
  border: 4px solid red;
  color: #000;
  padding: 8px;
}
img {
  width: 100%;
}

<div>는 “순수” 컨테이너 요소이며 본질적인 의미를 가지지 않습니다. 대신 다른 요소 여럿을 묶어서 class나 id 특성을 적용하거나, lang 특성을 사용해 문서의 특정 구역이 다른 언어임을 표시하는 등의 용도로 사용할 수 있습니다.

특성

전역 특성만 포함합니다.

사용 일람

• 적합한 시맨틱 요소(<article>, <nav> 등)가 없을 때만 <div> 요소를 사용하세요.

명세

HTML Living Standard

브라우저 호환성

같이 보기

• 인라인 범용 컨테이너 <span>