div 태그 란?

dive 태그를 Chat GPT에게 문의해 보았습니다.

하기처럼 완벽한 답변을 얻을 수 있었습니다.

<div> 태그는 division의 약자로 '구분하다'라는 뜻입니다.

div 태그는 눈으로 구별되는 효과는 없지만, 코드 내부상으로는 특정 태그들을 하나의 단위로 묶어서 관리할 수 있게 해 줍니다. 

해당 코드를 실행하면 하기와 같습니다. <h2>와 <p> 태그 이외에는 가시적인 효과는 없으나, 해당 태그들을 구조적으로 분리하여 특정 기능 및 효과를 줄수도 있습니다.

div 태그 예제

  <div id="div1">
    <h2>이곳은 무엇인가요?</h2>
    <p>아무것도 아니에요! 단지 구역을 구분하는 컨테이너 역할을 할 뿐입니다.</p>
  </div>  

  <div id="div2">
    <h2>두번째 구분 영역 입니다.</h2>
    <p>아무것도 아니에요! 단지 구역을 구분하는 컨테이너 역할을 할 뿐입니다.</p>
  </div>

2개의 div 태그를 사용 시에는 위처럼 id 속성을 사용하여 각각의 영역을 구분할 수 있습니다.

div 태그에 대해서 정리 해보았습니다.

감사합니다.