<div>

HTML <div> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>这是一些文本。</p>

<div style="color:#0000FF">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>
</div>

<p>这是一些文本。</p>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

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

태그 정의 및 사용 지침

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

<div> 태그는 CSS로 형식을 지정할 수 있도록 블록 수준 요소를 그룹화하는 데 자주 사용됩니다.

팁 및 메모

팁: <div> 요소는 웹페이지 레이아웃을 위해 CSS와 함께 사용되는 경우가 많습니다.

참고: 기본적으로 브라우저는 일반적으로 <div> 요소 앞뒤에 줄 바꿈을 배치합니다. 그러나 CSS를 사용하여 이를 변경할 수 있습니다.

HTML 4.01과 HTML5의 차이점

HTML5에서는 정렬 속성이 지원되지 않습니다.

HTML 4.01에서는 정렬 속성이 더 이상 사용되지 않습니다.

Property

Property	Value	Description
align	left 그렇죠 센터 Justify	HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. <div> 요소 내의 콘텐츠 정렬을 지정합니다.

전역 속성

<div> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<div> 태그는 HTML 이벤트 속성을 지원합니다.