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의 차이




반응형

'HTML&CSS' 카테고리의 다른 글

[CSS] Clear Property  (0) 2018.06.15
[CSS] Float Property  (0) 2018.06.14
[CSS] Position Property  (0) 2018.06.12
[CSS] Display Property  (0) 2018.06.11
[CSS] !important, IE placeholder 색상 적용되지 않는 문제.  (0) 2018.02.22