<div>와 <span> 태그 차이 설명

<div> 와 <span> 은 스타일링을 목적으로 존재하는 HTML 코드입니다. 이는 콘텐츠를 <p> 태그로 둘러싸면 하나의 문단임을 의미하는 것과는 다르게, 어떠한 의미론적 의미(semantic meaning)을 갖지 않는 스타일 코드입니다. 이러한 <div> 와 <span> 은 콘텐츠 일부에 특별한 스타일 효과를 적용할 수 있는 유용한 코드입니다.

<div> 태그 설명

<div> 태그는 블록 레벨 요소로 보통 긴 콘텐츠를 그룹핑하는 데 사용합니다. 이를 통해 웹페이지의 레이아웃을 구성할 수 있습니다.

<span> 태그 설명

<span> 태그는 인라인 레벨 요소로 보다 보통 블록 레벨 요소 내 적은 콘텐츠 텍스트를 그룹화하는 데 사용합니다.

<div>,<span> 활용 방법

<div> 와 <span> 은 보통 스타일링을 목적으로 class 와 id 속성과 함께 사용됩니다. 즉, 각 태그에 class 와 id 를 부여하고 각 클라스와 아이디 별로 스타일 속성을 그룹화하여 관리할 수 있습니다.