HTML&CSS
[HTML] SPAN
코딩하는 Jay
2017. 8. 25. 20:02
반응형
<span></span>?
span의 단어 뜻을 먼저 찾아보겠습니다.
1. (어떤 일이 지속되는) 기간[시간]
2. (포괄하는) 폭[범위]; 다양성
3. 경간(俓間: 다리・건물 따위의 기둥과 기둥 사이)
4. 폭, 너비
전체적으로, 폭의 의미를 가지고 있는 것 같습니다.
비슷한 역할을 하는 태그로는 DIV가 있습니다. 그렇다면 DIV와는 어떤 차이가 있을까요? 아래 jsFiddle의 Result 부분을 보면, div와 span의 차이점을 확인할 수 있습니다. div는 모든 가로폭을 다 차지하지만, span은 태그 안에 내용의 공간만 차지하고 있습니다.
그래서 div를 사용하면 줄바꿈이 되지만, span은 줄 그대로 내용에 삽입이 가능합니다.
<참조>
http://endic.naver.com/enkrEntry.nhn?sLn=kr&entryId=447526fc1dc24b41a57ce9dd4a921c1b: 네이버 영어사전(span 검색 결과)
http://mobicon.tistory.com/158: [HTML5] span과 div의 차이
반응형