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 특성을 사용해 문서의 특정 구역이 다른 언어임을 표시하는 등의 용도로 사용할 수 있습니다.

전역 특성만 포함합니다.