<div> 태그란?

<div> 태그란?

 

#01 정의 및 특징

• 블록을 나타내는 요소로, 다른 요소를 묶어 그룹화하는데 사용한다.
• 사용자 CSS나 SCRIPT를 사용하여 하기 위해 사용
• 레이아웃 스타일을 적용할 때에도 사용
• (display:block;) 의 기본 스타일을 지니고 있어서 사용 시 (width:100%;) 를 작성할 필요 없음
• 다만, 디자인의 관련된 기능(그룹화)만 수행하기 때문에 다른 HTML 요소에 비해 별다른 기능 없음 

 

#02 사용처

다른 요소들을 묶어 묶음을 만들기 위해 사용됩니다.

따라서 이 태그는 CSS를 사용하여 스타일을 적용하거나 레이아웃을 조정하기 위해 흔히 사용되고 JavaScript 코드를 사용하여 다양한 동작을 실행할 때 이 태그를 활용할 수도 있습니다. 

 

즉, 구조를 구성 하거나 선택 영역을 정할 때 사용

 

#03 사용 방법

<div>
  <h2>옵션 1</h2>
  <p>옵션 1의 내용</p>
</div>
<div>
  <h2>옵션 2</h2>
  <p>옵션 2의 내용</p>
</div>
<div>
    <h2>옵션 2</h2>
    <p>옵션 2의 내용</p>
    <div>
        <h3>옵션 2의 추가사항</h3>
        <p>옵션 2의 추가사항 내용</p>
    </div>
</div>

 

# 무료강의

바로가기