div 태그와 span 태그

div 태그와 span 태그

태그 이름	설명
div	block 형식으로 공간을 분할한다.
span	inline 형식으로 공간을 분할한다.

아래 예제를 보면 쉽게 이해할 수 있다.
	<div>div분할부분1</div> <div>div분할부분2</div> <div>div분할부분3</div> <div>div분할부분4</div>
해당 부분은 F12버튼으로 요소를 클릭하여 페이지 소스를 확인한 것이다. 이는 스타일 적용시에 유용하게 사용하되며, 간단하게 '페이지 구분‘을 짓는 기능 이라고 생각하면 된다.

span 태그

문서의 그룹 인라인 요소로 사용된다. 그 자체로는 시각적인 변화를 표현할수 없지만, 텍스트 또는 문서의 일부분에 스타일을 적용하기 위해 사용될 수 있다.

아래 예제를 보면 쉽게 이해할 수 있다.
	<span>span분할부분1</span> <span>span분할부분2</span> <span>span분할부분3</span> <span>span분할부분4</span>
해당 부분은 F12버튼으로 요소를 클릭하여 페이지 소스를 확인한 것이다. 이는 스타일 적용시에 유용하게 사용하되며, 간단하게 '스타일 적용‘을 짓는 기능 이라고 생각하면 된다.