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

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

    특성

    전역 특성만 포함합니다.

    사용 일람

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

    명세

    HTML Standard

    브라우저 호환성

    MDN browser-compat-data
    데스크톱모바일
    iOSAndroid
    SafariChromeFirefoxSafariChromeFirefoxSamsung Internet
    div
    align

    같이 보기

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