인터넷정보

div와 span의 차이점

알 수 없는 사용자 2007. 10. 17. 00:15
■ div와 span태그는 서식에 관한 태그입니다.

□ div태그는 문단 서식에 관한 태그입니다.
그래서 스타일을 이용해서 크기를 잡지 않는다면
기본적으로 줄바꿈이 됩니다. 즉, 라인 전체에 적용이되죠.

□ span태그는 서식에 관한 태그이긴 하나 문단이 아닌 한줄에 관한 서식입니다.
그래서 span태그에 스타일로 크기를 잡아주지 않으면 태그가
쓰인곳 안에 내용까지만 적용이 됩니다.

예를 들어 <div style="background-color: blue"> 줄전체에 색상</div>

줄전체에 색상


위 경우는 라인전체에 해당(문단을 적용 하기 위해 자동으로 줄바꿈)

<span style="background-color: blue">이글에만 색상</span>

이글에만 색상

위의 경우는 줄서식이므로 태그안에 쓰인 글에만 적용 됩니다.
반응형