..

Search

<div>

HTML <div> 태그


정의 및 특징

<div> 태그는 HTML 문서에서 특정 영역(division)이나 구획(section)을 정의할 때 사용합니다.

 

<div> 요소는 여러 HTML 요소들을 하나로 묶어주어 CSS로 스타일을 변경하거나 자바스크립트로 특정 작업을 수행하기 위한 일종의 컨테이너(container)로 자주 사용됩니다. 또한, CSS와 함께 웹 페이지의 레이아웃(layout)을 설정하는데도 종종 사용됩니다.


예제
<style>
    div {
        background-color: orange;
        font-style: italic;
    }
</style>

<p>HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다.</p>
<div><p>div 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다.</p></div>
<p>span 요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소입니다.</p>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<div> 지원함 지원함 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

HTML5에서는 <div> 태그의 align 속성을 더 이상 지원하지 않습니다.


사용할 수 있는 속성

속성명   속성값 설명

align

 

left

right

center

justify

<div> 요소 내부의 콘텐츠에 대한 정렬 방법을 명시함.

HTML5에서는 더 이상 지원하지 않음.


CSS 기본값

div {

  display: block;

}


DOM 인터페이스

interface HTMLDivElement : HTMLElement {};


연관 페이지

HTML 블록과 인라인 수업 ⇒


연습문제