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
특성을 사용해 문서의 특정 구역이 다른 언어임을 표시하는 등의 용도로 사용할 수 있습니다.
특성
전역 특성만 포함합니다.
사용 일람
명세
브라우저 호환성
데스크톱 | 모바일 | ||||||
---|---|---|---|---|---|---|---|
iOS | Android | ||||||
Safari | Chrome | Firefox | Safari | Chrome | Firefox | Samsung Internet | |
div | |||||||
align |
같이 보기
- 인라인 범용 컨테이너
<span>