HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <div> 태그

HTML <div> 태그는 HTML 문서의 일반 컨테이너를 정의하며, 이 태그는 요소를 그룹화하는 데 일반적으로 사용됩니다. 이 태그는 보통 <div> 요소라고도 합니다.

온라인 예제

문서에 세 개의 <div> 태그를 만들었습니다：

예제

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　div 태그 사용(기본 튜토리얼 웹　oldtoolbag.com)</title>
<style>
.div_class{color:red}
#div_id{color:blue}
</style>
</head>
<body>
<div>
　　<h2>첫 번째 Div</h2>
　　<p>이 텍스트는 문서의 Div 부분에 나타납니다</p>
</div>
<div class="div_class">
　　<h2>클래스를 적용한 두 번째 Div</h2>
　　<p>이 텍스트는 문서의 Div 부분에 나타납니다</p>
</div>
<div id="div_id">
　　<h2>ID를 적용한 세 번째 Div</h2>
　　<p>이 텍스트는 문서의 Div 부분에 나타납니다</p>
</div>
</body>
</html>

테스트를 보세요 ‹/›

이 HTML5문서 예제에서는 세 개의 <div> 태그를 만들었습니다. 첫 번째 <div> 태그에는 어떤 클래스나 ID도 적용되지 않았습니다. 두 번째 <div> 태그에는 div_class라는 클래스가 <div> 태그에 적용되었습니다. 세 번째 <div> 태그에는 div_id라는 ID가 <div> 태그에 적용되었습니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 <div> 태그를 지원합니다.

태그 정의 및 사용 설명

<div> 태그는 요소를 그룹화하는 데 일반적으로 사용됩니다.

<div> 태그는 HTML 문서의 분할 블록이나 영역을 정의합니다.

<div> 태그는 블록 요소를 조합하여 CSS를 통해 이러한 요소를 포맷하는 데 사용됩니다.

HTML 4.01 HTML과5간의 차이

HTML5 에서 align 속성을 지원하지 않음。

HTML에서 4.01 속성, align 속성이 사용 중지됨。

속성

속성	값	설명
align	left right center justify	HTML5 지원하지 않음。HTML 4.01 사용 중지됨。　　지정 <div> 요소 내용의 정렬 방식。

전역 속성

<div> 태그가 지원 HTML의 전역 속성。

이벤트 속성

<div> 태그가 지원 HTML의 이벤트 속성。