반응형
<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 |